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>