Ipad iOS设备的视口元标记

说明

<meta name="viewport" content="width=device-width" />

与陈述具有相同的效力

<meta name="viewport" content="width=768" />

---

对于ipad？

这确实取决于设备的方向：在横向模式下，设置特定的像素值将使布局放大1.333倍，以适应1024px设备宽度

另一方面，设置

width=devicewidth

将不会放大任何内容，而是更改视口宽度，然后可以使用媒体查询为其创建优化布局。或者这至少是理论：iPad在某种程度上将

width=devicewidth

解释为768px，即使在横向模式下也是如此。为了获得真实的设备宽度，必须添加初始比例=1

因此，我不同意詹姆斯的建议。只需选择：

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

---

使用液体/响应式布局技术处理尺寸差异。

感谢Andreas的回复，我的印象是设备宽度返回了ipad设备（768px）的宽度，无论是纵向还是景观回复。你说得对。为了在iPad上获得真实的设备宽度，需要使用。这对我不起作用，因为在横向方向上的某些原因，宽度被设置为大于设备横向宽度的某个值，这是没有充分理由的。更新：通过同时设置

最大刻度=1