安卓 meta失效,移动端缩放不生效问题

390 阅读1分钟
//在head部分加入代码
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta id="viewport" name="viewport" content="width=375,initial-scale=0.9408000000000001,minimum-scale=0.9408000000000001,maximum-scale=0.9408000000000001">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      
   <script> 
      (function() {
        var viewport = document.getElementById('viewport');
        var width = window.screen.width;
        var scale = 0;
        var limit = 0;
        if (width < 375) {
          limit = 375;
          scale = width * 0.98 / 375;
          viewport.setAttribute('content', (
            'width=' + limit + ',' +
            'initial-scale=' + scale + ',' +
            'minimum-scale=' + scale + ',' +
            'maximum-scale=' + scale
          ));
        }
      })();
      </script>
    </head>
</head>

<body>
  <noscript>Sorry, we need js to run correctly!</noscript>
  <div id="root"></div>
</body>

</html>