html5 viewport属性

来源：互联网发布：mac air装windows系统编辑：程序博客网时间：2024/05/18 16:18

允许网页宽度自动调整的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。

<!--[if lt IE9]>

　　　<scriptsrc="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

<![endif]-->