什么是响应式布局？

响应式布局是在2010年提出的说法，它可以兼容适应多个平台(pc、手机、pad等)，其实这个概念是在移动互联网大发展的背景下顺势提出的。响应式布局相比传统的固定的布局方式可以有更好的用户体验，随着移动互联网时代发展，大屏幕设备的广泛使用和发展，越来越多的前端设计师采用了响应式布局的方法，这不仅仅是一种创新也是一种新web开发的新模式。

响应式布局的优点

1、适应多种平台

可以适应不同的设备(pc、手机、pad等)，可以最大限度上解决页面兼容问题，可以让web前端工程师节省出更多的精力研究其他的问题。

2、好的用户体验

解决了大部分页面兼容问题，也很大程度提升了用户体验，另外针对pc和手机可以设计一套页面，而不用分别设计两套页面，在一定程度上也减轻了我们的页面工作量。

响应式布局的缺点

1、兼容各种设备会一定程度造成效率不高

响应式布局虽然兼容设备，但是对于移动页面效果比较复杂页面， 响应式布局可能会不尽人意，所以手机端页面效果复杂的页面不建议使用这种布局。

2、代码累赘

响应式布局要考虑多种设备现实效果，会出现代码繁琐，代码会多出很多，最终的结果的是页面加载时间变长。

3、不是最好的选择

响应式布局是最合适的选择，但不是最好的选择，响应式布局是一种折中的选择，所以我们根据实际情况来选择，一般适合中小网站使用。

响应式网站的特点：

一、响应式网站相对传统网站访问速度快，响应式使用的是最新技术HTML5+CSS3进行制作的，网站制作完成的页面访问速度更快，客户体验度更好。

二、响应式网站实现了跨平台运行，响应式网站建设会根据不同手机、电脑、平板的不同尺寸进行识别自动调整结构布局，给访客以最佳的视觉体验，而且网络公司制作的响应式网站页面也可以使用到微信平台，真正实现了一站多用。

三、响应式网站搜索引擎比较友好，响应式网站制作完成后的链接地址不管是电脑还是手机是同一个网址，相对需要使用多个二级域名的话降低了权重的分散。而且网站建设公司制作的响应式网站结构和用户体验更好，搜索引擎也会给相应的加分。

四、响应式网站具备统一一个后台管理，响应式网站实现了一个后台管理数据多端数据同步，不再需要针对不同设备去做相应的站点。

五、响应式网站相对节约成本，响应式网站具备了原来的电脑站、手机站、平板站多种尺寸的展示，网站制作公司开发的响应式网站从制作方面为企业节省一半的制作成本。响应式网站具备一个后台多端数据同步，为公司节省了人员开支，提高了工作效率。