这个用的最多, width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度 ...
分类:
移动开发 时间:
2016-05-17 11:13:54
阅读次数:
197
1、 max-width用在pc端页面,max-device-width用在移动设备上 2、 device-pixel-ratio 设备像素比 3、设备自己单位-物理单位dp/dip css像素 px 设备像素比是1 1px == 1dp/1dip 设备像素比是2 1px == 4dp/4dip 设 ...
分类:
移动开发 时间:
2016-05-15 02:28:34
阅读次数:
305
html5:在创建html时为了防止页面缩放等不兼容效果,要创建个viewport <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initia ...
<!--设置移动设置页面标准--> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <!--引用bootstrap的核心Css文件--> <link rel="stylesheet" href="~/Co ...
分类:
其他好文 时间:
2016-05-14 18:47:00
阅读次数:
138
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>登录angularJS</title><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><linkrel="st..
分类:
Web程序 时间:
2016-05-13 17:31:16
阅读次数:
184
如今所有移动设备的尺寸各异,对于移动web的响应式也是一个考验 以下是目前一些主流设备的尺寸大小: 上图所有设备中可以总结为: <meta content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable ...
分类:
移动开发 时间:
2016-05-13 09:43:51
阅读次数:
200
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>登录angularJS</title><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><linkrel="st..
分类:
数据库 时间:
2016-05-13 04:55:07
阅读次数:
280
1、WebApp全屏模式: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"> ...
分类:
移动开发 时间:
2016-05-11 14:45:03
阅读次数:
244
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalab ...
分类:
移动开发 时间:
2016-05-10 18:22:18
阅读次数:
293
解决方法: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobil ...
分类:
其他好文 时间:
2016-05-10 15:19:36
阅读次数:
268