<!DOCTYPE?html>
<html>
<head?lang="en">
????<meta?charset="UTF-8">
????<title></title>
????<meta?name="viewport"?content="width=device-width,initial-scale=1.0,user-scalable=no">
?...
分类：
其他好文 时间：
2015-07-30 19:41:51
阅读次数：
200
开门见山，本篇将总结一下 MobileWeb 的适配方法，即我们常说的H5页面、手机页面、WAP页、webview页面等等。本篇讨论的页面指专门针对手机设备设计的页面，并非兼容全设备的响应式布局。 文中提到的device-width指 viewport meta 标签中 width 的值，即由浏览器...
分类：
Web程序 时间：
2015-07-23 19:41:56
阅读次数：
2944
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8"?/>
<title>li前面小图标</title>
<meta?name="viewport"?id="viewport"?content="width=device-width,height=device-height,user-scalable=no...
分类：
其他好文 时间：
2015-07-22 01:40:52
阅读次数：
132
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。1 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-s....
分类：
Web程序 时间：
2015-07-19 16:23:35
阅读次数：
155
以下是规范建议，均是日常在开发当中的的一些经验，仅供参考。## 一.头部声明 ##>1、其中width=device-width就是说把页面宽度设置成和屏幕宽度一样> >2、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用，这个meta...
分类：
移动开发 时间：
2015-07-12 12:42:45
阅读次数：
362
在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例us...
分类：
移动开发 时间：
2015-07-10 18:30:56
阅读次数：
112
1.媒体查询可以在链接link标签和具体的CSS中使用；2.通过标签的 media 属性为样式表指定设备类型和其他条件中间用and和（）来分隔，如下 3.视口宽度（width） 屏幕宽度（device-width）前者指没有工具栏的宽度（完完全全展示网页内容的部分）后者指屏幕的宽度或者分辨率4.--...
分类：
Web程序 时间：
2015-07-07 19:07:03
阅读次数：
149
viewport语法 width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。initial-scale初始缩放。即页面初始缩放程度。这是一个.....
分类：
Web程序 时间：
2015-07-04 18:12:38
阅读次数：
138
原文: 网页宽度自动适应手机屏幕宽度的方法 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。 其中： width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示初始的缩放比例 minimum-scale=0.5：表示最小的缩放比例 m...
分类：
移动开发 时间：
2015-06-27 11:31:22
阅读次数：
119
width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示初始的缩放比例 minimum-scale=0.5：表示最小的缩放比例 maximum-scale=2.0：表示最大的缩放比例 user-scalable=yes：表示用...
分类：
移动开发 时间：
2015-06-20 15:33:56
阅读次数：
150
