在移动网络上禁用缩放缩放

我想在移动设备上禁用缩放和缩放。在移动网络上禁用缩放缩放

我应该将什么配置添加到视口？

2012-07-27 Harsha M V

initial-scale = 1，maximum-scale = 1 – SVS

@SteveKuo为什么？ –

由于您禁用了捏缩放，使其移动不友好 –

117

编辑：正因为如此不断得到评论，大家都知道，我们不应该这样做。问题是如何做，而不是应该我这样做。

将此添加到您的移动设备上。然后做你的宽度百分比，你会被罚款：

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

中添加这对于不能太视使用的设备：

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

2012-07-27 14:06:10 SpaceBeers

+10

我补充说。但我仍然可以捏和放大。 –

谢谢我有一个默认的端口值。所以它正在被淹没 –

啊好的。我打算说我的手机没问题。 – SpaceBeers

IE浏览器有它自己的方式：CSS属性， -MS-内容的缩放。在身体上设置为无或应该禁用它。

2014-06-18 09:10:08 nafg

'：root' /'html'，而不是'body'。 – phk

要大家谁说，这是一个坏主意，我想说它并不总是一个坏的。有时需要缩小才能看到所有内容，这是非常无聊的。例如，当您在iOS上输入内容时，它会将其放大到屏幕的中心。因为关闭键盘不能完成工作，所以必须缩小。此外，我同意，当您将很多I小时制作成出色的布局和用户体验时，您不希望它们被缩放混淆。

但另一个观点对于有视力问题的人也很有价值。但是，在我看来，如果你的眼睛有问题，你已经在使用系统的缩放功能，所以不需要打乱内容。

2014-10-22 08:07:04

您应该将其作为评论。 – Awesomeness01

对不起，我当时的水平不允许我发表评论，但只有新消息，这就是为什么。 –

在表单元素上将字体大小设置为16px将会阻止iOS设备上的缩放。 – hellojebus

这是我所需要的：

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

2015-01-29 03:29:37 quemeful

尝试用最小宽度属性。让我解释一下。假设一个屏幕宽度为400px的设备（例如）。放大时，字体变得越来越大。但盒子和div仍然有相同的宽度。如果你使用最小宽度，你可以避免减少你的div和box。

2015-09-08 12:48:40

不幸的是，所提供的解决方案在Safari 10+中无法使用，因为Apple决定忽略user-scalable=no。这个线程有更多的细节和一些JS黑客：disable viewport zooming iOS 10+ safari?

2017-12-18 10:46:49

回答