响应式布局指的是同一页面在不同屏幕尺寸或者在不同的设备下有不同的布局，能够在大屏设备以及小屏设备获得更好的浏览体验，简单来说就是页面适应终端而无需为每个终端制作单独的页面。
响应式布局能同时兼容多个终端，比如(手机、平板、PC)做一个网站转眼间就可以变成3个网站。可能有些人对“什么是响应式布局”还不是很了解，下面达内长沙web培训就跟大家简单说下什么是响应式布局：响应式布局：简单点说，就是做一个网站同时能兼容多个终端，由一个网站转变成多个网站，为我们大大节省了资源。
那么响应式布局的优点和缺点又有哪些呢?
优点：1.面对不同分辨率设备灵活性强2.能够快捷解决多设备显示适应问题;
缺点：不能完全兼容所有浏览器，代码累赘，加载时间加长。
说了这么多，可能还有很多人，不明白响应式布局该怎么去做，以及它的开发原理是什么?
原理：简单点说响应式布局它是通过CSS中MediaQuery(媒介查询)@media功能，来判断我们的终端设备宽度在多少像素内，然后就执行与之对应的CSS样式。
