Question

我有一个针对移动设备，大字体，大图片等进行了优化的网站。目前，我有以下视口：

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

到目前为止，我测试过的所有设备都能正常工作。然而，在iPad（第一个），分辨率大于640，我在右边有一些空白区域。

我希望它只是根据设备放大或缩小，这是我可以做的事情吗？

Answer 1

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