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

    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-07-22 08:45:09

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

    主站蜘蛛池模板: 昌江| 平原县| 蓝田县| 朝阳县| 中西区| 芒康县| 邵阳县| 巴楚县| 读书| 五家渠市| 南华县| 鄱阳县| 丁青县| 含山县| 德兴市| 岳池县| 海盐县| 潮安县| 抚顺市| 鹤峰县| 内江市| 高雄市| 嵩明县| 哈巴河县| 建宁县| 东山县| 杭锦旗| 固原市| 乡城县| 栾川县| 满城县| 茂名市| 南和县| 滁州市| 前郭尔| 杭锦后旗| 阿巴嘎旗| 吴旗县| 东源县| 汤原县| 赣榆县|