当我在iOS4下的Safari中双击超过浏览器窗口高度或宽度的页面边缘时,它会放大或缩小和/或向上,向下,向右或向左滚动,具体取决于页面大小和当前视口位置。我该如何防止这种行为呢?
我在一个非常糟糕的网站上工作;我们保留了几层菜单状态并水平滚动以在层之间导航。双击软管布局,并没有直观的方法来恢复它。
据我所知,双击似乎不会触发滚动或触摸事件。我试过的其他事情:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
......有变化:
答案 0 :(得分:2)
你的元标记中有一个小错字,在每个设置之间你应该使用逗号。离。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
答案 1 :(得分:2)
看起来绝对确定我的重要元素都没有 - 我有一个静态标题,滚动体和静态页脚,标题和正文都可以向侧面滚动 - 实际上超出了视口宽度并且有溢出:隐藏似乎已经完成了伎俩。
非常难过这里没有任何正式的,因为它很烦人,打破了我在网上找到的大多数其他例子
答案 2 :(得分:1)
我发现<meta name="viewport" ...>
标签通常适用于iOS以防止双击缩放,但在iOS 5.1上的iPad3上偶尔会出现罕见的情况,我很难再现,双击缩放得到激活并随后拧紧页面布局。这种行为非常错误。在我们等待Apple解决这个问题时,管理点击事件的using Javascript可能有助于防止这种情况发生。虽然没有办法重现这个bug,但很难进行测试。
免责声明:我没有测试过这种方法。