在 Android 手机的移动网站上禁用缩放
Posted
技术标签:
【中文标题】在 Android 手机的移动网站上禁用缩放【英文标题】：Disable zoom on mobile website for Android phones 【发布时间】：2013-05-26 08:07:45 【问题描述】：我正在构建一个响应式移动网站，并且需要在所有设备上禁用缩放。我使用了一个元标记，理论上应该可以防止缩放，它适用于 ios、Windows Phone 和 一些 android 设备，但在一些 Android 手机上仍然启用缩放。这是我使用的元标记：
meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"
我也尝试过 user-scalable=0。我知道这是 Android 的一个已知错误，但其他网站已设法在我正在测试的同一部手机上禁用缩放，例如http://m.bbc.co.uk/ 所以必须有一个解决办法。有谁知道一个可靠的解决方法？谢谢！
【问题讨论】：
【参考方案1】：您是否尝试过同时添加 max-scale=1.0？ 不确定这是解决方案，但也许值得一试。
【讨论】：
【参考方案2】：设置初始比例=0。 试试这个：
<meta name="viewport" content="width=device-width, initial-scale=0">
检查这个：https://www.w3schools.com/css/css_rwd_viewport.asp
【讨论】：
【参考方案3】：*你应该添加这个 => maximum-scale=1
检查这个：a link
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
【讨论】：
以上是关于在 Android 手机的移动网站上禁用缩放的主要内容，如果未能解决你的问题，请参考以下文章