一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2015-05-23 09:58:32
阅读次数：
113
content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-sca...
分类：
移动开发 时间：
2015-05-17 23:21:11
阅读次数：
181
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-sc...
分类：
移动开发 时间：
2015-05-12 18:42:08
阅读次数：
123
1@mediascreenand(max-device-width:479px){}2@mediascreenand(max-device-width:639px){}3@mediascreenand(max-device-width:767px){}4@mediascreenand(max-de....
分类：
Web程序 时间：
2015-05-12 17:07:39
阅读次数：
92
网上抄来了，自己也备忘下：增加参数说明： target-densitydpi=device-dpi，指定屏幕像素密度DPI，device-dpi 为设备原本的DPI值，不会有任何缩放，也可以在80-400之间指定一个数字比如400dpi 表示缩放页面 width=device-width，指定屏幕宽...
分类：
移动开发 时间：
2015-05-07 00:54:08
阅读次数：
149
在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:1 1、width=device-width ：表示宽度是设备屏幕的宽度2、initial-scale=1.0：表示初始的缩放比例3、minimum-scale=0.5：表示最小的缩放比例4、maximum-scale=2.0：表示....
分类：
移动开发 时间：
2015-04-20 20:34:54
阅读次数：
136
Document @import url("tinyscreen.css") screen and (max-device-width:400px);
分类：
其他好文 时间：
2015-04-08 12:19:43
阅读次数：
95
@media only screen and (min-device-width: 320px) { //针对iPhone 3 } @media only screen and (min-device-width: 320px)and (-webkit-min-device-pixe...
分类：
Web程序 时间：
2015-04-07 19:10:40
阅读次数：
425
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ） height: viewport 的高度 （范...
分类：
Web程序 时间：
2015-04-07 12:19:40
阅读次数：
207
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？ 其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial-...
分类：
移动开发 时间：
2015-04-05 20:20:28
阅读次数：
169
