允许网页宽度自动调整的viewport属性
content属性小结:
content="width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
content="width=default-width,initial-scalable=1"
content="width=device-width,initial-scalable=1.0"
content="width=device-width,height=device-height,user-scalable=no,target-densitydpi=device-dpi,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0"
content="target-densitydpi=device-dpi"
content="width=device-width,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
device-width:屏幕宽度;
initial-scale:原始缩放比例,若等于1,则表示占屏幕面积的100%。
所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。