如何使用css設置iphone4的高分辨率圖像

在iphone4圖像不顯示高分辨率顯示低分辨率圖像。如何使用css設置iphone4的高分辨率圖像

如何使用css更改iphone4的高分辨率圖像？

要澄清一下，我們使用HTML中的PhoneGap開發和jQuery的高分辨率圖像最終的像素化的應用程序。 .png圖像的名稱爲@ 2x.png，原始文件與png文件相匹配。

上的影像略小於原始圖像，並顯著像素化。我附上了Venky提到的問題的重疊部分。這是右側的[email protected]，位於iPhone4的應用程序屏幕截圖的頂部。

2011-07-01 user824625

不確定關於CSS，但以正常方式，您可以將「@ 2x」附加到普通圖像名稱，這將用於視網膜顯示。所以可能你不需要在CSS中提及，只需在圖像中放置@ 2x並將其添加到項目中即可。例如對於icon.png，它將是[email protected]。

希望得到這個幫助。

2011-07-01 09:50:36 Deeps

我們嘗試將圖片名稱設爲[email protected]。但它不會改變高分辨率圖像 – user824625

你必須使用高分辨率圖像。如果您在代碼中加載圖像（UIImage imageNamed），SDK將自動選擇高分辨率版本（@ 2x），但如果您正在通過其他任何方法進行操作，則必須自行完成。

2011-07-01 09:51:40

我們嘗試圖像名稱爲[email protected]。但它不會更改爲高分辨率圖像 – user824625

我已經通過在圖像標籤中使用@ 2x版本，並指定寬度/高度爲@ 2x圖像大小的一半來實現此目的。例如，使用200 x 80「[email protected]」，我會使用：

<img src="[email protected]" width="100" height="40">

它在UIWebView中工作良好。不知道怎麼用CSS做。

2011-11-07 13:52:34 jkira

回答