java - 在移动设备上禁用缩放

Question

我按照本指南禁用移动设备的缩放。

https://davidwalsh.name/zoom-mobile-browsers

正如许多其他人所建议的那样，该指南建议使用:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->

我已经尝试过这个以及视口(viewport)的几个变体，但我无法让它工作。另外，当查看我遵循的指南中的示例时，我意识到它也不起作用。

https://davidwalsh.name/demo/mobile-viewport.php

任何关于为什么这不起作用的想法以及任何关于如何使其发挥作用的建议将不胜感激!

Answer 1

您的代码没问题，问题是 iOS 特定的。引用 stackoverflow 上的另一个问题:

For the people looking for an iOS 10 solution, user-scaleable=no is disabled in Safari for iOS 10. The reason is that Apple is trying to improve accessibility by allowing people to zoom on web pages.

在这里查看整个线程: How do you disable viewport zooming on Mobile Safari?

或者这个: disable viewport zooming iOS 10 safari?