Viewport元标记无法在iPhone和Android中运行

Pra*_*hat 18 html iphone android viewport meta-tags

我使用以下HTML代码

<!DOCTYPE HTML>
  <html>
    <head>
     <title>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    </head>
    <body>
    test
    </body>
  </html>
Run Code Online (Sandbox Code Playgroud)

我的目的是防止用户放大或缩小.以上代码在iPhone和Android中无效.有解决方案吗

编辑:它出现在iPhone设置中,如果Zoom选择为On低于Settings>Accessibility>Zoom,则会覆盖元标记.资源

不知道为什么它会在android中发生.

Chr*_*CVB 5

我使用此标记来阻止所有移动平台上的缩放:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />
Run Code Online (Sandbox Code Playgroud)

,没有;

  • 这是错的.Chrome会发出警告:"解析元素内容时出错:';' 不是有效的键值对分隔符.请改用',' (11认同)
  • 你确定使用`;`而不是`,`?http://wiki.whatwg.org/wiki/MetaExtensions和https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag说要使用`,`. (10认同)

小智 5

就我而言,我有这个在 Android (Nexus 5) 和 iPhone 上运行良好的“视口”。

<meta name="viewport" content="width=device-width; initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5; " />
Run Code Online (Sandbox Code Playgroud)

我希望这对你有帮助!