html – iOS设备的视口元标记

概述说了 <meta name="viewport" content="width=device-width" /> 具有与说明相同的效果 <meta name="viewport" content="width=768" /> 为ipad？ 它确实取决于设备的方向：设置特定的像素值将导致您的布局以1.333的比例放大，以适应横向模式下的1024px设备宽度。 另一方面，设置宽度=设备宽度将不会扩展任 说了

<Meta name="vIEwport" content="wIDth=device-wIDth" />

具有与说明相同的效果

<Meta name="vIEwport" content="wIDth=768" />

为ipad？

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

另一方面，设置宽度=设备宽度将不会扩展任何东西，但是更改视口宽度，然后您可以使用媒体查询来制作优化的布局。或者这至少是理论：即使在横向模式下，iPad也以某种方式将wIDth = device-wIDth解释为768px。为了获得真实的设备宽度，您必须添加initial-scale = 1。

所以我不同意詹姆斯的建议。只要去：

<Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1,maximum-scale=1">

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

总结

以上是内存溢出为你收集整理的html – iOS设备的视口元标记全部内容，希望文章能够帮你解决html – iOS设备的视口元标记所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。