window.innerwidth documet.body.clientwidth

就移动web前端

这里是以iphone5做的例子

.head{
    width:1200px;
    height:568px;
    background-color: yellow;
}

我们可以看到window.innerwidth的值就是上面代码的width

documet.body.clientwidth代表的就是我们的iphone自己设置的viewport 980px

缩放比=window.innerwidth/documet.body.clientwidth

所以在这里我就总结了我自己的理解

documet.body.clientwidth：实际流浪窗口大小（虚拟的，并不代表手机的屏幕大小）

window.innerwidth：我们代码页面的大小

最后显示在手机上面的是把1200px大小的页面压缩成980px的页面

后续还想了解可以查看vieport相关的介绍