<button id="g80sy"></button>
  • <abbr id="g80sy"></abbr>
  • <button id="g80sy"></button>
    <rt id="g80sy"><delect id="g80sy"></delect></rt>
  • 通過js動態控制viewport標簽的initial-scale屬性

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

    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>


    標簽:
    最后修改:2025-05-30 00:29:29

    非特殊說明,本博所有文章均為博主原創。

    主站蜘蛛池模板: 天水市| 灌阳县| 绥棱县| 松滋市| 洛南县| 宁安市| 青田县| 怀远县| 邢台市| 固安县| 凤翔县| 尖扎县| 海阳市| 隆德县| 赣榆县| 吐鲁番市| 黎平县| 湘潭市| 中西区| 五常市| 宁远县| 西吉县| 固始县| 罗城| 恩平市| 凤台县| 泾川县| 张北县| 秭归县| 青海省| 白城市| 松阳县| 曲松县| 肇州县| 寻乌县| 玛沁县| 忻州市| 武威市| 威远县| 津市市| 马鞍山市|