什么是响应式网站

响应式网站设计(Responsive Web design)于2010年国外著名网页设计师Ethan Marcotte所提出，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整，无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备，页面应该有能力去自动响应用户的设备环境。

响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

响应式网站设计的优点

1）用户体验好，适应所有终端，可以浏览器里调整宽度查看，不出现滚动条，尤其是苹果系统电脑，默认打开窗口不是满屏的

2）维护成本低，只需要维护一个网站就行

3）分享方便，内容链接地址一致

4）视觉统一，网站风格、导航、菜单基本一致，没有陌生感，容易使用

5）兼容未知分辨率设备

6）可以嵌套进APP

响应适网站设计解决思路

1）同一段代码同一段CSS搞定（需要设计的结构比较好）

2）同一段代码不同媒体查询实现

3）实在没有办法才采用：写几段代码分别适配不同屏幕

响应式网站设计技术攻略

兼容性强：普通网站设计项目只适用固定部分终端，分辨率很难兼容。移动终端新尺寸不断更新换代，响应式HTML5设计可以提前预防并解决问题

响应趋势：移动终端用户量已远超PC用户，互联网移动终端用户作为互动的主流趋势，研究表明80%以上移动用户期待响应式网站访问全覆盖

代码清晰：HTML5网站设计开发代码，科学布局及分割，同时伪静态程序命名规则，代码标准更规范逻辑性更强，统一代码HTML样式

布局设计：实现文字背景分离更高清，布局按照扁平化准则设计实施布局，管理方便整站信息一体化

品质提升：感触网页设计视觉新动向，视觉上变得更具吸引力设计趋势，多元素化设计同时充满活力的新时间理念，网站品质脱颖而出

整屏响应：设计潮流以及网页设计技术一起格式化，视觉上变得更具吸引力设计趋势，，多元素化设计，高端网站设计布局的浏览体验