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

Html 设备上的固定宽度视口大于所述宽度,html,mobile,viewport,Html,Mobile,Viewport,我有一个针对手机、大字体、大图像等进行优化的网站。目前,我有以下视口: <meta name="viewport" content="width=640, user-scalable=no, maximum-scale=1"> 到目前为止,它在我测试过的所有设备上都非常有效。然而,在分辨率大于640的iPad(第一款)上,我在右边有一些空白 我希望它能根据设备放大或缩小,这是我能做的吗?问题是由最大比例=1属性引起的。您的视口大小(640px)小于iPad显示屏的宽度,但Sa

我有一个针对手机、大字体、大图像等进行优化的网站。目前,我有以下视口:

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

到目前为止,它在我测试过的所有设备上都非常有效。然而,在分辨率大于640的iPad(第一款)上,我在右边有一些空白


我希望它能根据设备放大或缩小,这是我能做的吗?

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

不太有效,仍然有一些空白,因为它仍然低于640px,我必须使用初始比例=1.2才能使iPad适合。我的坏习惯。根据,如果视口小于设备宽度,将视口比例设置为1.0将保留空白。您需要删除比例设置以消除此空白。我更新了我的答案来反映这一点。太棒了!似乎已经解决了我的问题,让我做一些测试,如果一切顺利,我会接受你的答案:)