响应式布局

前几天，我在公司里组织了一次技术交流活动，由我们的UE工程师主讲，内容是Mobile Web设计，这个主题的来源是，移动互联网将成为主流，将来大部分用户将使用移动设备来上网，在这样的情况下，已有的基于PC的Web设计，就要针对移动终端进行调整，如何调整，用怎样的设计原则，就是这次交流活动主要讨论的。

在1个小时的交流时间里，我们的UE工程师除了讲解了基本的Mobile Web概念，着重讲到了“响应式布局”的概念，这是一个比较新的概念，是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。如果我们用移动设备访问天猫、易讯和一淘网，会发现，天猫是一个固定宽度的展示，而易讯则做到了页面自适应，但易讯也不是一个真正的响应式布局，相对来说在响应式布局方面一淘网是最好的。

我感觉响应式布局本质是一种理念，需要将这种理念贯穿与设计的过程中，而不是简单的从技术层面解决移动设备自适应的问题，用响应式布局来改进我们的网站，还有很长的路要走。

有两个很不错的响应式布局的网站，大家可以去研究一下

http://alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html
http://colly.com/

另外还有一些资源，都是我们的UE工程师总结提供的

Fork, the Open Source CMS http://www.fork-cms.com/
《8个实用的响应式设计框架》http://www.w3cplus.com/source/8-useful-responsive-css-frameworks.html
《16个优秀的Responsive CSS框架》http://www.w3cplus.com/source/16-responsive-css-frameworks-worth-considering.html
《基于CSS搭建一个响应式网站》http://www.w3cplus.com/css3/build-basic-responsive-site-css.html

—分割线—

上次《关于引用水》的调查收到的结果仍然不多，大家不够积极噢，结果如下

1.生活中你最主要的饮用水是（如果有多种，选择最主要的）
自来水（25%）
桶装饮用水（75%）
瓶装饮用水（0%）
小区水站取水（0%）

2.你是否相信地下水受到了污染
相信 （75%）
不相信（25%）

3.你觉得桶装水或瓶装水水质比自来水好吗？
是，桶装水或瓶装水水质好（50%）
否，桶装水或瓶装水水质不如自来水（50%）

4.关于饮用水，你以后会选择
自来水（25%）
桶装水、瓶装水（50%）
自己安装净水设备（25%）

今日调查《收购搜狗》，欢迎各位参与，结果下次公布。

欢迎订阅我的微信公共帐号：“Laoer杂谈”，搜索微信号：laoertalk，或扫描页面右侧的二维码
新浪微博：@laoer
Twitter：@laoer