通過js動態(tài)控制viewport標簽的initial-scale屬性

程序猿 2021-03-17 16:41:53 2880瀏覽 加載中

viewport的initial-scale屬性是控制瀏覽器縮放比例的,但是有時候想要適應不同大小屏幕的縮放


例如:當width設置為固定值的時候,屏幕動態(tài)控制縮放可以完美解決讓頁面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>


標簽:
最后修改:2025-04-04 10:59:59

非特殊說明,本博所有文章均為博主原創(chuàng)。

国产免费久久受久久,人妻AV成熟片久久久久久,亚洲综合无码日韩,国产AV无码乱码精品国产 www.sucaiwu.net