响应式网页该怎么做？

H5响应式网站目前已经占领了全网营销的流量入口，对于说起H5响应式网站很多人也是慢慢的熟悉起来了，随着H5响应式网站建站技术的日益成熟，也为企业的建站成本带来了很大的减少，在技术没有成型之前都是需要做上俩套模板的，一套pc端的一套手机端的，在浏览器访问的时候通过辨别浏览器的方式来跳转不同的程序，但是H5响应式网站就不一样了，只需要一套模板一套程序可以自适应不同大小的屏幕分辨率，让网站可以轻松的适应不同品目的浏览器，给不同设备的客户带来了统一的浏览体验，其实H5响应式网站制作起来也不是想象的那么复杂，下面就来说说如何设计制作HTML5响应式网站建设。

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; 等比缩小图片来适应元素的尺寸。