好久不用的viewport

241 阅读1分钟

移动开发需要的一个meta属性。它设置的是layout viewport(布局视口)的大小,如果不设置它,其实移动端浏览器会默认为980px。相当于把页面按宽为980px的大小来布局渲染,这样的页面是不友好的。

就像这样:

如果设置width的属性为device-width,那么就是按屏幕宽度大小来布局渲染,就友好很多了:

<meta name="viewport" content="width=device-width"/>

参考: www.runoob.com/css/css-rwd… www.html.cn/archives/59…