响应式布局

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

你可能感兴趣的:(响应式布局)