摘要： 当手机网页还没有大部分的应用时候，所以再设计网页显示的时候，只是关注于页面布局在电脑上的显示，此时，设计的网页像素和物理像素相匹配的，但另一方面，手机在打开该网页的时候，就出现了问题，比如：侧边栏设置显示为30%，在手机像素为320px中，意味着该侧边栏只有96px，如果一个字体像素为12px，也只能显示出8个字体，这对于手机用户来说是一件很操蛋的事！！ 但是，这种状况被苹果的safari浏览器所终止，苹果在移动版的ios系统中专门为safari定制了一个viewport属性，该属性专门用来优化移动端网页显示效果，比如：在物理像素320px，也就是说，visual viewport=320p. 阅读全文