-->

禁用双指缩放移动网络上(Disable Pinch Zoom on Mobile Web)

2019-06-26 13:35发布

我想禁用移动设备上的捏和缩放。

我要添加到视什么样的配置?

链接: http://play.mink7.com/n/dawn/

Answer 1:

编辑:由于此状态越来越评论,大家都知道,我们不应该这样做。 现在的问题是我怎么做,我不应该这样做。

这种添加到您的移动设备。 然后做你的百分比宽度和你会被罚款:

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

收藏此为不能使用太视设备:

<meta name="HandheldFriendly" content="true" />


Answer 2:

这是我所需要的:

<meta name="viewport" content="user-scalable=no"/>


Answer 3:

大家谁说,这是一个坏主意,我想说它并不总是一个坏的。 有时是很无聊不得不缩小到看到所有的内容。 例如,当你键入iOS上它放大得到它在屏幕中央的输入。 您有原因关闭键盘并没有做的工作后缩小。 此外,我认为,当你把我许多小时,做出了巨大的布局和用户体验,你不希望它通过变焦会混乱。

但另一种说法是有价值的,以及人与视力问题。 然而在我看来,如果你有你已经使用该系统的缩放功能,所以没有必要打扰内容与你的眼睛问题。



Answer 4:

不幸的是,提供的解决方案不会在Safari 10+工作,因为苹果已经决定忽略user-scalable=no 。 针对这个讨论有更多的细节和一些JS黑客: 禁用视放大iOS的Safari浏览器10+?



Answer 5:

IE浏览器有自己的办法:CSS属性,-MS-内容的缩放。 它设置为none在身上或东西应该禁用它。

禁用捏在IE10放大

http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx



Answer 6:

这将防止在IOS的Safari用户的任何缩放操作,也防止“变焦标签”功能:

document.addEventListener('gesturestart', function(e) {
    e.preventDefault();
    // special hack to prevent zoom-to-tabs gesture in safari
    document.body.style.zoom = 0.99;
}

document.addEventListener('gesturechange', function(e) {
    e.preventDefault();
    // special hack to prevent zoom-to-tabs gesture in safari
    document.body.style.zoom = 0.99;
}

document.addEventListener('gestureend', function(e) {
    e.preventDefault();
    // special hack to prevent zoom-to-tabs gesture in safari
    document.body.style.zoom = 0.99;
}

的jsfiddle: https://jsfiddle.net/vo0aqj4y/11/



Answer 7:

尝试与最小宽度属性。 让我来解释一下。 假设用的400像素屏幕的宽度(一个实例)的装置。 当你放大,字体变大。 但箱子和的div仍然有相同的宽度。 如果您使用的最小宽度,你能避免降低你的股利和箱。



Answer 8:

发现在这里你可以使用user-scalable=no

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


文章来源: Disable Pinch Zoom on Mobile Web