通過js動態控制viewport標簽的initial-scale屬性

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

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

例如：當width設置為固定值的時候，屏幕動態控制縮放可以完美解決讓頁面1：1的顯示在可視屏幕中

codelayui.code
    <meta name="viewport" id="viewport" content="width=750, initial-scale=1.0">

codelayui.code
  <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

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

如若轉載，請注明出處：http://m.yhwxcd369.com/view/65.html

js獲取屏幕高度和寬度

PHP如何使用mysql_connect鏈接MYSQL數據庫

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

codelayui.code

通過js動態控制viewport標簽的initial-scale屬性

欄目分類

標簽云