Question

我正在测试iPhone 5s上的网页（分辨率为1136 x 640像素）。

我将meta设置为：

<meta name="viewport" content="user-scalable=yes, initial-scale=1, width=device-width, shrink-to-fit=no">

和css：

body {
min-width: 600px;
}

页面上的其余类没有基于像素的宽度。它们都使用基于％的宽度，其中没有一个超过100％。

然而，该页面并未在手机屏幕上显示。我必须滚动水平才能看到完整的视图。只有当我将正文的最小宽度设置为300px时，该页面才会在手机屏幕上显示为已满。

现在我想知道为什么当手机支持640px水平分辨率时600px无法完全显示。我可能会遗漏一些非常基本的东西，请指导。

Answer 1

您错过了应该计算iPhone屏幕的磅值，而不是像素。