如何禁用移动Safari上的视口缩放?

这三种方法我都试过了，但都无济于事:

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

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />

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

每个是不同的值，我发现谷歌搜索或SO搜索推荐，但没有一个'user-scalable=X'值似乎是工作的

我还尝试用逗号来分隔值，而不是分号，运气不好。然后我尝试只呈现用户可扩展的价值，但仍然没有成功。

更新

从苹果的网站上得到了这个，它是有效的:

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

事实证明，问题是不标准的引号，因为我从一个网站复制了元标签，正在使用他们，哎呀

当前回答

实际上苹果在最新的iOS版本中禁用了user-scalable=no。我尝试了一下，这种方法是可行的:

body {
  touch-action: pan-x pan-y;
}

2020-11-18 07:36:00

其他回答

这个应该可以在iphone上运行。

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

2017-07-09 10:59:34

我愚蠢地设置了一个包装器div，其宽度以像素为单位。其他浏览器似乎足够聪明，可以处理这个问题。一旦我将宽度转换为百分比值，它在Safari手机上也能正常工作。很烦人。

.page{width: 960px;}

.page{width:93.75%}

<div id="divPage" class="page">
</div>

2018-05-20 15:42:09

编辑:在ios10之后可能无法工作，请参阅下面基于触摸动作的解决方案。

您的代码将属性双引号显示为花哨的双引号。如果花哨的引号出现在您的实际源代码中，我猜这就是问题所在。

这对我来说在iOS 4.2的Mobile Safari上是有效的。

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

2010-12-08 16:46:08

我尝试了以上所有方法，但这在IOS设备上很管用:

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

2022-11-10 13:57:49

有时候内容标签中的其他指令会打乱苹果关于如何布局页面的最佳猜测/启发式，你只需要禁用缩放。

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

2014-09-25 14:26:39

如何禁用移动Safari上的视口缩放?

推荐文章

最新文章

标签