响应式的网站不管是在PC端还是手机，平板都可以完美兼容，达到更好的用户体验。响应式网站，相比较于其他网站来说，还是有很大的优势，利于后期的推广运营。至于这类网站，我们该怎么做，有哪些方面需要注意的。

1、设置Meta标签

一般移动端的主要是以手机为主的，那么这样就离不开viewport meta这段代码了。

2、使用Media Queries

Media Queries就想是网页和浏览器的中介，他能告诉浏览器如何让网页更好的展示。

3、字体的自适应

一般做网站会用到的字体单位大多会选择PX(像素)，虽然这样是没错的，但是对于响应式的网站来说，，他需要能够自适应的响应式字体,这个字体应该关联他的父容器的宽度，这样才可以适应移动端屏幕。css3引入了新的单位叫做rem，和em类似，但是rem更方便使用。rem是相对于根元素的，在码代码的时候不要将根元素字体大小忘记了呦。

4、图片的响应式

对于图片，我们可以通过css样式的max-width来进行控制图片的较大宽度.像背景图的话可以通过background-size来设置，background-size是css3的新属性，用于设置背景图片的大小，有两个可选值，个值用于指定背景图的width,第2个值用于指定背景图的height,如果只指定一个值，那么另一个值默认为auto。background-size:cover; 等比扩展图片来填满元素；background-size:contain; 等比缩小图片来适应元素的尺寸。