iOS设备的视口元标记

Question

声明变量时加上const会使性能更好吗？

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

具有与声明相同的效果

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

适用于 iPad？

- pingu

Answer 1

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

另一方面，设置width=device-width不会使任何内容放大，而是更改视口宽度，从而可以使用媒体查询来创建优化布局。或者至少这是理论：iPad在横向模式下仍将width=device-width解释为768px。为了获得真实的设备宽度，您必须添加initial-scale=1。

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

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

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

- andreasbovens

---

谢谢您的回复，Andreas。我原本以为device-width会返回iPad设备的宽度（768像素），无论是横屏还是竖屏。 - pingu

回复较晚。您是正确的。<meta name="viewport" content="width=device-width, initial-scale=1">需要在iPad上获取真实设备宽度。 - andreasbovens

出现问题了，以横向方向显示时，宽度被设置为大于设备横向宽度的某个值，原因不明。 - Mr. TA

更新：通过设置 maximum-scale=1 也得以修复。 - Mr. TA