【问题标题】:Disable zoom on mobile website for Android phones在 Android 手机的移动网站上禁用缩放
【发布时间】: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/ 所以必须有一个解决办法。有谁知道一个可靠的解决方法?谢谢!

【问题讨论】:

    标签: android mobile zooming


    【解决方案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" />
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2013-02-15
          • 2017-09-27
          • 1970-01-01
          • 2012-06-25
          • 2011-05-27
          • 2013-03-12
          • 2011-07-03
          • 1970-01-01
          相关资源
          最近更新 更多