视口总结

布局视口
小屏幕的移动端设备，主要是手机和部分平板，如果让视口的宽度和浏览器宽度 保持一致的话，会导致页面很丑。手机，平板，浏览器的宽度一般在240-640px之间，而多数给pc设计的宽度至少为800，一般是960，或者1080。因此，如果用手机去看刚才的那个页面，宽度20%的aside将会非常窄。一个为桌面设计的网站 在780～ 1260px 的视口中应该会显示的很好。但是，如果移动端浏览器遇到了没有为移动端做优化的网站，它会尽可能的缩小网站让用户看到网站的全貌。所以就显得很挤，字体很小，阅读性很差。在手机上视口与移动端浏览器屏幕宽度完全独立。
理想视口
一般移动设备的布局宽度为768～1024px，虽然这能让桌面网站不被压扁，但这并不是理想情况，尤其是对于小屏幕的使用者，因为在狭小的屏幕上，更适合狭小的网站。理想视口对设备来讲是最理想的视口尺寸。