微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Viewport元标记在iPhone和Android中无法使用

我使用以下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>

我的目的是防止用户放大或缩小。以上代码在iPhone和Android中不起作用。任何解决方案?

编辑:在iPhone设置中,如果在“设置”>“辅助功能”>“缩放”下将“缩放”选为“开”,则会覆盖元标记Source

不知道为什么它在Android中发生。

解决方法

我使用此标签来防止所有移动平台上的缩放:
<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" />

与;并不是 ,

原文地址:https://www.jb51.cc/html5/168929.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。