适用于iOS设备的视口元标记

Question

说明

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

与陈述

具有相同的效果

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

对于ipad？

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">

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