我有使用CSS3/HTML5繪製圖形的移動網絡應用程序。我的網頁同樣在iPhone4和iPhone4S上顯示
它在iPhone3G和iPhon3GS上看起來不錯，因爲它們具有相同的像素比例。
但是，當我在iPhone4或iPhone4S上打開相同的網頁時，它看起來與iPhone3G上的完全相同，我們關注更好的像素比例。
我的問題是：
我可以強制iPhone4的設備使用它的像素比例，而不是iPhone3G的像素比例是多少？
如果我將圖形保存到設備的驅動器並打開相機膠捲，我看到iPhone3G和iPhone4的差異，所以我想在網絡上看到它。
事實是iPhone 4自帶了一個326-DPI屏幕，是原來iPhone屏幕的兩倍。這意味着這個新設備在相同的物理屏幕尺寸下具有雙寬度，雙倍高度。這就是爲什麼蘋果決定給它的瀏覽器提供與低DPI設備320x480相同的CSS，視口和JavaScript尺寸，並創建了2的像素比例。這意味着對於每個像素，將繪製四個真實像素（ 2倍變焦）。因此，您的網站將同樣在iPhone 3GS或iPhone 4中渲染。如果您仍然想要顯示高DPI圖像，則可以使用媒體查詢條件-webkit-min-device-pixel-ratio：
<link media="all and (-webkit-min-device-pixel-ratio:2)" href="iphone4.css" type="text/css" rel="stylesheet" />