通过js动态控制viewport标签的initial-scale属性

程序猿 2021-03-17 16:41:53 1860浏览 加载中

viewport的initial-scale属性是控制浏览器缩放比例的,但是有时候想要适应不同大小屏幕的缩放


例如:当width设置为固定值的时候,屏幕动态控制缩放可以完美解决让页面1:1的显示在可视屏幕中

    <meta name="viewport" id="viewport" content="width=750, initial-scale=1.0">
  <script>
        var width = window.screen.width;
        console.log(width);
        var w = width / 750;
        console.log(w);
        var viewport = document.getElementById("viewport");
        viewport.content = "width=750, initial-scale=" + w + "";
    </script>


标签:
最后修改:2024-04-19 12:52:46

非特殊说明,本博所有文章均为博主原创。