Html 防止放大ios和android浏览器

试图找到一种方法来阻止用户在最新的ios和android中放大网页

我试过：

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

……此外：

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

……和：

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

但它仍然是可缩放的

还有其他解决方案吗

---

谢谢

这实际上取决于您使用的浏览器版本，每个浏览器版本都有自己的html代码来限制缩放

如果您使用android 2.2或更低版本则根本不受支持 Android 2.3.x/3.x：通过设置user scalable=no，您也可以禁用视口元标记的缩放。这可能就是为什么您的宽度选项没有效果。若要允许浏览器缩放内容，需要将“用户可缩放”设置为“是”，然后若要禁用缩放，可以将“最小缩放”和“最大缩放”设置为相同的值，使其无法缩小或增大。玩弄最初的规模，直到你的网站适合贴身

Android 4.x：与2.3.x相同的规则适用，除了最小和最大比例不再受尊重，如果您使用user scalable=是，用户可以始终缩放，将其设置为“否”意味着您自己的比例被忽略，这就是我现在面临的问题，它将我吸引到这个问题。。。在4.x中，似乎不能同时禁用缩放和缩放。 iOS/Safari（4.x/5.x测试）：按预期进行缩放，您可以在用户可缩放=0时禁用缩放（关键字是/否在4.x中不起作用）。iOS/Safari也没有目标densitydpi的概念，所以您应该省去这一点以避免出现错误。您不需要最小值和最大值，因为您可以按预期的方式关闭缩放。只使用宽度，否则会遇到iOS方向错误

Chrome：缩放效果与iOS中的效果一样，min和max都很受欢迎，您可以使用user scalable=no关闭缩放。 结论：在一些基本的浏览器/设备检测之后，您可以使用一些相当简单的JS来相应地设置内容。我知道这种类型的检测是不受欢迎的，但在这种情况下，这几乎是不可避免的，因为每个供应商都做了自己的事情！希望这有助于人们对抗视口，如果有人有一个不使用视口就禁用Android 4.x中的缩放的解决方案，请告诉我。

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />

Android 4.x Chrome浏览器（我认为大多数国家都预装了该浏览器）：您可以确保用户无法缩放页面，并且页面是全屏的。缺点：您必须确保内容具有固定的宽度。我还没有在较低的Android版本上测试过这个。为此，请参见示例：

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

iOS/Safari 8 Beta 4：有一个meta-tag minimal用户界面，在iOS 7版本中运行良好，但在本次发布中，它已被苹果删除