viewport的initial-scale屬性是控制瀏覽器縮放比例的,但是有時候想要適應不同大小屏幕的縮放
例如:當width設置為固定值的時候,屏幕動態(tài)控制縮放可以完美解決讓頁面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>