ipad视口移动

Question

有谁知道是否可以禁用在ipad上移动视口？

我的视口设置正确如此：

<meta name="viewport" content="width=device-width,maximum-scale=1.0" />

我想做的是阻止/禁用拖动网站的能力，因为它显示了safari的纹理背景。

Answer 1

老实说，我没有使用你正在使用的视口测试它，但是：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">

它似乎对我有用。至少我无法用iOS 5.1拖到我的iPad上（就我所知，自上而下总是可能的）

Answer 2

如果页面的宽度与视口宽度正确匹配，则无法水平拖动页面（请参阅http://jquerymobile.com/test/以获取示例 - 您永远不会在页面的左侧或右侧看到带纹理的背景）。

也许你的身高也正确吗？

可以使用Javascript禁用某些UI，例如使用https://stackoverflow.com/a/4859207/436776可以防止页面滚动，这可能会解决您的问题。或者可以在ongesturestart帮助停止活动？

还要考虑的最后一个问题是方向改变。处理得当是非常麻烦的，特别是对缩放级别的干扰。您可以使用<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />禁用缩放，但这会导致其他问题得到解决，并导致其他危害。