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

如果设置width的属性为device-width,那么就是按屏幕宽度大小来布局渲染,就友好很多了:
<meta name="viewport" content="width=device-width"/>

移动开发需要的一个meta属性。它设置的是layout viewport(布局视口)的大小,如果不设置它,其实移动端浏览器会默认为980px。相当于把页面按宽为980px的大小来布局渲染,这样的页面是不友好的。
就像这样:
如果设置width的属性为device-width,那么就是按屏幕宽度大小来布局渲染,就友好很多了:
<meta name="viewport" content="width=device-width"/>