具体代码实现：<!DOCTYPEhtml>
<html>
<head>
<title></title>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<linkrel="stylesheet"type="text/css"href="bootstrap/css/bootst..
分类：
其他好文 时间：
2014-11-24 01:15:29
阅读次数：
454
CSS3的Media Queries能够检测到的特性总结：视口（viewport）解释地址：http://baike.baidu.com/view/1522985.htmwidth：视口宽度的检测height：视口高度的检测device-width：设备屏幕宽度（设备渲染平面宽度）的检测device...
分类：
其他好文 时间：
2014-11-23 15:49:48
阅读次数：
201
<!DOCTYPE?html>
<html?lang="zh-cmn-Hans">
<head>
????<meta?charset="utf-8">
????<meta?name="viewport"?content="width=device-width,initial-scale=1,?user-scalable=yes">
????<meta...
分类：
Web程序 时间：
2014-11-20 17:13:28
阅读次数：
194
首先我们需要有一张4X4的表格： <!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?height=device-height,?initial-scale=1.0,?...
分类：
Web程序 时间：
2014-11-20 13:50:39
阅读次数：
305
允许网页宽度自动调整"自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1....
分类：
Web程序 时间：
2014-11-19 18:33:22
阅读次数：
262
在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。在页面里面使用元素时千万不要使...
分类：
其他好文 时间：
2014-11-15 23:08:45
阅读次数：
264
1、width : 控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）2、height : 和width相对应，指定高度3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例4、ma...
分类：
Web程序 时间：
2014-11-04 16:38:46
阅读次数：
204
进行移动web开发已经有一年多的时间了，期间遇到了一些令人很困惑的东西。比如：我们经常使用的里的viewport究竟是什么意思，这里的device-width跟我们用JS获取到的屏宽的区别与联系分别是什么，为什么去掉标签后页面会变得很小很小？为什么很多分辨率很大的屏幕宽度其实并不大，屏幕分辨率与用J...
分类：
其他好文 时间：
2014-11-01 11:36:08
阅读次数：
240
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2014-10-27 12:26:34
阅读次数：
154
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1....
分类：
Web程序 时间：
2014-10-24 13:06:28
阅读次数：
300
