响应式网站是一种设计理念，他是多项技术的综合体

1.减少工作量--网站，设计，代码，内容都需要一份

多出来的工作量只是js脚本，css样本做一分

2.节省时间

3.每个设计都能得到正确的设计

4.搜索优化

5.更好的用户体验

缺点：

会加重更多的样式和脚本资源

设计比较难精确定位和控制

老本浏览器兼容性差

html5+css3+js

浏览器：

ie,chrome,safari/ios/opera

媒体查询--css2

css3  ---媒体类型和函数

not and only 表达式！逻辑操作链接

and--与--全部匹配

or-或--任意条件匹配

not--非

老本浏览器：media=‘only或media='screen'

only最好

视口--viewport

device-width:设备宽度

布局视口

可视视口

理想视口