html5 viewport属性
2012-11-05 10:41
197 查看
允许网页宽度自动调整的viewport属性
<meta name="viewport" content="" />
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]-->
<meta name="viewport" content="" />
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]-->
相关文章推荐
- HTML5 viewport 标签与 CSS3 background-size 属性 使图片完全适应区域内容
- html5 viewport常用属性
- HTML5开发手机应用--viewport的作用
- html5之一些通用属性
- HTML5实战与剖析之classList属性
- HTML5新增的属性和废除的属性
- js 获取html5的data属性实现方法
- HTML5基础加强css样式篇(font-family,font-size, font-style,font-variant, font-weight , font 简写属性 )(五)
- HTML5中元素的全局属性
- 盘点 html5 新增的那些酷酷的 input 类型和属性
- HTML5 Audio/Video 标签,属性,方法,事件汇总
- HTML5 的placeholder属性(兼容各版本)
- HTML5学习_day13(3)--border-radius属性(圆角边框)
- HTML5标签属性及用法(一)
- HTML5移动开发之路(10)——HTML5中的全局属性
- HTML5实战与剖析之原生拖拽(四可拖动dragable属性和其他成员)
- 20150720 html5语法、标签、属性
- html5开发之viewport使用
- HTML meta viewport属性说明
- HTML5表单属性(二)