本文转自：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html一、"自适应网页设计"的概念2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识...
分类：
Web程序 时间：
2014-11-19 15:39:46
阅读次数：
231
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达...
分类：
Web程序 时间：
2014-11-17 22:36:54
阅读次数：
340
作者：阮一峰出处：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设...
分类：
Web程序 时间：
2014-11-14 17:13:16
阅读次数：
245
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2014-10-27 12:26:34
阅读次数：
154
自适应网页设计的概念和方法，即可使网站在多种浏览设备（从桌面电脑显示器到智能手机或其他移动产品设备）上具有更好的阅读体验，这里简要的整理一下。 1、在HTML头部增加viewport标签。 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初.....
分类：
其他好文 时间：
2014-10-01 18:37:01
阅读次数：
140
随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常...
分类：
Web程序 时间：
2014-09-19 12:19:55
阅读次数：
206
响应式网页设计（Responsive Web Design）这个概念在2000年的时候就有人提出来了，其实我更喜欢将其翻译为自适应网页设计，阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计，但是国内都采用了响应式网页设计这一生硬的翻译（你能第一次看到响应式网页设计这种称呼而联想到他的具体含义吗？）。既然这种二流翻译已经是主流，我也采用响应式网页设计这一说法。
...
分类：
Web程序 时间：
2014-09-11 17:27:02
阅读次数：
326
作者：阮一峰随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768...
分类：
Web程序 时间：
2014-09-03 16:20:26
阅读次数：
232
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scal...
分类：
移动开发 时间：
2014-08-24 15:19:42
阅读次数：
236
“自适应网页设计”到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 1. 2. 复制代码 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-...
分类：
Web程序 时间：
2014-08-14 23:25:06
阅读次数：
276
