什么是响应式设计呢？

响应式设计就是指网站能自动适应多种设备以及各种分辨率，客户能从移动设备上直接访问网站。

响应式设计的优点

网站能根据不同的分辨率自动适应，更加方便了用户体验。

能自动适应不同的设备，如平板，手机，不同的设备上面看到的内容都是一致的，只是排版结构有了变化，不用再根据不同的设备制作不同的网站。

响应式的缺点

响应式的网站代码比一般的网站多的多，文件也会比较大，这样对网站的打开速度会有一定的影响。其次，设计师的工作量也会大了很多。响应式设计不适合用于那种结构比较复杂的网站，因为你需要考虑的因素比较多，要结合网站在电脑，平板和手机上的展示形式。

如何简单实现响应式设计

第一步，在头部加上<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

第二步，将网站所有的宽度用百分比显示，写不同尺寸的css样式

当然，做好一个响应式网站不仅仅就是这两步，这只是最基本的。