Question

响应式布局 其实就是 兼容不同的终端设备是吧

并非什么很新的技术，就像以前兼容各种PC浏览器，IE，火狐，谷歌什么的。

现在移动设备多了，同时兼容PC移动等各种设备叫做 响应式布局，可以这么理解吧

Answer 1

响应式布局：简单点说，就是做一个网站同时能兼容多个终端，由一个网站转变成多个网站，为我们大大节省了资源。
那么响应式布局的优点和缺点又有哪些呢？
优点：1.面对不同分辨率设备灵活性强
2.能够快捷解决多设备显示适应问题
缺点：不能完全兼容所有浏览器，代码累赘，加载时间加长。
说了这么多，可能还有很多人，不明白响应式布局该怎么去做，以及它的开发原理是什么？
原理：简单点说响应式布局它是通过CSS中Media Query（媒介查询）@media功能，来判断我们的终端设备宽度在多少像素内，然后就执行与之对应的CSS样式。