响应式设计方案·项目篇

做响应式设计的项目结束有一段时间了，终于抽时间整理出来了，想记录自己工作中对某些设计内容，也是加深自己的印象，以及分享，有问题的地方希望看到的朋友能够指出来～

做响应式设计之前，在网上有查官方解释，如下：

响应式网站设计(Responsive Web design)的理念是：

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整～

具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等～

无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；

换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本～

这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了～

从4个方面进行记录：

01. 常见网页布局方式

02. 媒体查询

03. 响应式规律总结

04. 在工作项目中的应用