<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 3363瀏覽 加載中

    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-09-14 10:59:30

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

    主站蜘蛛池模板: 嵩明县| 西乌珠穆沁旗| 罗田县| 新干县| 洪湖市| 信宜市| 盈江县| 蓝山县| 奉新县| 侯马市| 江陵县| 瓦房店市| 油尖旺区| 嘉禾县| 油尖旺区| 邵阳市| 南江县| 黄大仙区| 长武县| 宁安市| 乐昌市| 永年县| 丰宁| 织金县| 商丘市| 常山县| 嘉义市| 余姚市| 神农架林区| 上犹县| 永宁县| 凤城市| 绥中县| 辽宁省| 长治县| 若尔盖县| 广灵县| 靖安县| 奉贤区| 北川| 绿春县|