html - 设备上的固定宽度视口大于所述宽度

Question

我有一个针对移动、大字体、大图像等优化的网站。目前，我有以下视口：

<meta name="viewport" content="width=640, user-scalable=no, maximum-scale=1"> 

到目前为止，它在我测试过的所有设备上都非常有效。但是，在分辨率大于 640 的 iPad（第一个）上，我在右侧得到了一些空白。

我想要它，以便它根据设备放大或缩小，这是我可以做的吗？

Answer 1

问题是由maximum-scale=1属性引起的。您的视口大小 (640px) 小于 iPad 显示屏的宽度，但 Safari 不会放大以消除此空白，因为比例固定为 100%。删除该maximum-scale=1属性，空格应该会消失。