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>
