iphone - Meta viewport iPhone 4s 升级设计

Question

我设计了一个分辨率为 640x960px 的应用程序，现在我将其转换为 iPhone 4S 的工作 web 应用程序。如您所知，iPhone 4s 的分辨率为 640x960px。

为什么当我width=device-width在不应缩小或放大设计的元视口中使用时，iphone 使用 320 像素而不是 640 像素的宽度？

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

但是，当我使用width=640它时，它会强制浏览器使用 640px 作为宽度，但这不会自动更改其他设备（例如 iPad）的宽度。这对我来说没有意义。

Answer 1

内容=“宽度=设备宽度”

不会放大任何东西。它只会改变视口的宽度。在这种情况下，iPad 似乎很愚蠢，因为它在横向模式下也认为设备宽度中的宽度为 768 像素。

在横向模式下，为 iPad 设置一个特定的像素值会将其放大 1.333。使用它并将其与响应式布局技术相结合

<meta name="viewport" content="width=device-width, initial-scale=1">

另外，您所做的是正确的。只需为布局添加特定代码。让我的生活轻松多了。