移动端开发之viewport
3 月，跳不动了？>>> 参考了很多资料，说说自己对viewport的理解 viewport分visual viewport和layout viewport，visual viewport可以理解为移动设备屏幕的可视区域，visual viewport的大小可以理解为就是品目可视区域的大小，而layout viewport则是存放我们的网页的。 为什么会有两个viewport？ 因为早期的网页基本都是pc端的网页，而pc端的分辨率大大高于移动端的分辨率(这里移动端分辨率指的是移动端的物理像素)，所以为了能够使pc端的网页能够在移动端上正常显示，所以出现了layout viewport。而浏览器厂商一般将layout viewport初始化为宽度980px，当然也有的不是这个数字。 怎么让layout viewport能够在visual viewport中能够正常显示 这就是缩放因子initial-scale的工作了，initial-scale代表layout viewport与visual viewport的比值，既一个布局像素(css像素)代表几个物理像素，比如initial-scale=2则代表一个物理像素代表两个css像素；当我们没有设置meta的时候，浏览器会自动设置initial-scale，以便让layout viewport能够完全显示在visual