响应式是什么？
响应式网页设计，简称RWD，可以让网站在不同的PC端，移动端上浏览时对应不同解析度，减少开发成本。
使用响应式的要求
页面元素使用百分比或者字体排印学调整大小，不能使用绝对单位{像素或点}
图片要求单位以相对单位调整大小，最大为100%，防止超出父级元素。
响应式优点：
- 不需要为不同的设备维护网站，可以减少开发成本。
- 响应式设计可以为每一个页面提供独立的URL。
- 响应式设计不需要考虑用户代理的检测
响应式缺点：
- 如果编写两种不同的JavaScript来操作同一个DOM的时候，开发成本就会提高。
- 可能增加JavaScript和CSS进行合理的重构能够节省资源，但是性能会下降。
参考资料：