用户可扩展元属性不起作用

Question

我尝试在元标记中使用“user-scalable=no”来禁用缩放我的网页。我测试了一下，网页被放大了。我怎样才能使它成为原来的但仍然禁用缩放？我也尝试过initial-scale=1.0 但不起作用。那么我必须在元标记中放入什么来禁用缩放但保留原始大小呢？ 预先感谢

Answer 1

不幸的是，目前还没有简单可行的解决方案（截至撰写本文时）。 iOS simple 忽略了用户可扩展性。 顺便说一句，这似乎是重复的问题。请参见 ： 禁用视口缩放 iOS 10+ safari？

Answer 2

MDN 将

user-scalable

显示为视口元标记的有效属性：

user-scalable

控制页面上是否允许进行放大和缩小操作。有效值：0、1、是或否。默认值：1，与 yes 相同。将值设置为 0（与“否”相同）违反了 Web 内容可访问性指南 (WCAG)。

来源：https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics

但是...

DevTools 将兼容性问题显示为

“viewport”元元素“content”属性值不应包含“user-scalable”。

根据 WebHint.io，使用 user-scalable 属性不再有效，因为 Apple 决定在 2016 年的 iOS 10 中忽略该属性。

不应使用用户可扩展、最大规模和最小规模属性

来源：
https://webhint.io/docs/user-guide/hints/hint-meta-viewport/