Html视口无法缩放到手机

Question

我有一个使用iweb套件构建的网络应用程序，在Android和iPhone中看起来很棒。 唯一的问题是，在移动设备上，您可以抓住屏幕并将其向左移动一段距离，所有您看到的都是白色。如果我向右移动它就不会这样做。 我有我的元标记集，例如<meta content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" name="viewport" />。

我还将body和html css标记设置为margin: 0, padding: 0; width: 100%, height: 100%

我试图通过javascript纠正应用程序在屏幕上的移动，但这是不行的。 有没有人遇到过这个？

Answer 1

你有任何位置：固定的div吗？我在设计的网站上有一个菜单，有这样的溢出问题。 Android和iPhone似乎不像桌面浏览器那样处理固定定位。

如果你可以避免使用“user-scalable = no”，你可能也不想使用它，因为它可以严重降低残疾人的屏幕尺寸或字体大小之间的可用性。