如何在iOS4的Mobile Safari中防止默认的双击行为(缩放,平移)?

问题描述 投票:5回答:3

当我在iOS4下的Safari中双击页面边缘的高度超过浏览器窗口的高度或宽度时,它会放大或缩小和/或向上,向下,向右或向左滚动,具体取决于大小页面和当前视口位置。请问如何防止这种行为?

我正在一个(非常)糟糕的网站上工作;我们保留了几层菜单状态,并水平滚动以在各层之间导航。点按两次即可调整布局,没有直观的方法可以将其收回。

据我所知,双击似乎不会触发滚动或触摸事件。我尝试过的其他方法:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

...具有变体:

  • user-scalable = no
  • user-scalable = 0
  • width = device-width
  • width = 320
javascript iphone css webkit ios4
3个回答
2
投票

似乎可以绝对确定,我的所有重要元素都没有,我有一个静态的页眉,滚动体和静态页脚,并且页眉和正文都可以向侧面滚动,实际上超出了视口的宽度并发生了溢出:隐藏似乎已经解决了问题。

很遗憾,对此没有任何官方规定,因为这很烦人,并且破坏了我在网上找到的大多数其他示例


2
投票

您在元标记中有一个小的错字,在每个设置之间都应使用逗号。例如。>

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

1
投票

[我发现<meta name="viewport" ...>标签通常可在iOS上使用,以防止双击时缩放。但是在iOS 5.1的iPad3上,偶尔会遇到一些罕见的情况,我很难重现此情况,因为双击时缩放被激活,随后弄乱页面布局。该行为是相当多的错误。也许using Javascript可以管理点击事件,从而有助于防止这种情况在我们等待Apple解决此问题时发生。但是,如果没有办法重现该错误,则很难进行测试。

© www.soinside.com 2019 - 2024. All rights reserved.