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

    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-03-23 19:23:39

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

    主站蜘蛛池模板: 桑植县| 榆林市| 池州市| 蓝山县| 横山县| 永平县| 南召县| 扎赉特旗| 邵武市| 津市市| 名山县| 潢川县| 山阳县| 金秀| 横峰县| 娱乐| 嘉祥县| 沂水县| 丰都县| 宜州市| 金塔县| 拉孜县| 中江县| 汶川县| 洪江市| 宁德市| 木里| 嘉荫县| 凌海市| 台山市| 华蓥市| 崇礼县| 弥勒县| 如皋市| 龙海市| 剑川县| 耿马| 南木林县| 疏勒县| 珲春市| 五河县|