0

我正在 iOS Safari 上试用以下 HTML 代码：

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title>HTML5 test</title>
    </head>
<body>
    <img src="image.jpg" width="100" alt="Image" />
</body>
</html>

在桌面浏览器上看起来不错。不过，在 iOS Safari（iOS 5、iPhone）上，图像宽度为 200 像素。当我使用比例为 1.0 的视口时，它也应该是 100 像素，但事实并非如此 - 有什么想法吗？

4

1 回答 1

0

浏览器中的逻辑像素是两个实际的屏幕像素，因为屏幕相对于它的分辨率来说太小了。

使用比例 1.0 可为您提供图像像素和逻辑像素之间的 1 比 1 关系，以及图像像素和实际屏幕像素之间的 1 比 2 关系。

于 2012-08-30T18:17:35.303 回答