我有移动网络应用程序，我使用CSS3 / HTML5绘制图形。
它在iPhone3G和iPhon3GS上看起来不错，因为它们具有相同的像素比率。
然而，当我在iPhone4或iPhone4S上打开相同的网页时，它看起来与iPhone3G完全相同，我们考虑到更好的像素比率。
我的问题是：
我可以强制使用iPhone4设备来使用它的像素比而不是iPhone3G像素比吗？
如果我将图形保存到设备的驱动器并在相机胶卷中打开它，我会看到iPhone3G和iPhone4的区别，所以我也希望在网络上看到它。
答案 0 :(得分：4)
事实上，iPhone 4配备了326-DPI屏幕，是原版iPhone屏幕的两倍。这意味着这款新设备在相同的物理屏幕尺寸下具有双倍宽度，双倍高度。这就是为什么Apple决定给它的浏览器提供与低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" />