引言

• 通过阅读了Peter-Paul Koch关于研究viewport的三篇系列文章（第一篇，第二篇，第三篇）
• 以及stackoverflow上关于viewport的描述（1，2）

先在此感谢ppk大神分享的viewport系列文章，经过反复的阅读，加深了对viewport的理解
（十分建议多阅读几遍）

meta标签的总结

• 视觉视口宽度 = 理想视口宽度 / initial-scale（缩放比例）

  将viewport划分为visual viewport、ideal viewport、layout viewport的目的是为了样式能更好在移动端进行相应的布局

• 完全缩小模式：指meta标签没有设置initial-scale，浏览器会将视觉视口设置为新的布局视口大小

  个人理解：是因为浏览器厂商为了使PC端设计网页在移动端显示时不出现横向滚动条，而设置的一个默认操作