一尘不染

如何在Mobile Safari上禁用视口缩放?

html

我已经尝试了所有这三个方法,但均无济于事:

<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;” />

每个都是我通过Google搜索或SO搜索推荐的不同值,但是’ user-scaleable = X ‘值似乎都不起作用

我还尝试了用逗号分隔值,而不是分号,没有运气。然后,我尝试只具有user-scalable价值,仍然没有运气。


更新

从苹果网站上得到了它,它的工作原理是:

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

原来问题出在非标准引号上,因为我从使用它们的网站复制了元标记,哎呀


阅读 264

收藏
2020-05-10

共1个答案

一尘不染

您的代码将属性双引号显示为花式双引号。如果您的实际源代码中包含花哨的引号,我想可能是问题所在。

这对我适用于iOS 4.2中的Mobile Safari。

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