响应式布局

1. viewport有三种，手机浏览器自带的viewport，默认宽度是980px或者1024px等，但手机窗口会比较窄，所以一般的网页会出现滚动条。通过在头部设置meta viewport后，浏览器会把网页窗口的宽度设置为320px(不同安卓手机会有所差异)，同时不受手机分辨率的影响。这样网页上320px的元素理论上就会百分百1:1的显示到手机浏览器上，并且不出现滚动条。