响应式布局解决方案

1.rem

rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。rem单位无论嵌套层级如何，都只相对于浏览器的根元素（HTML元素）的font-size。默认情况下，html元素的font-size为16px，

为了计算方便，通常可以将html的font-size设置成：

    html{ font-size: 62.5% }

这种情况下：

    1 rem = 10px

如果css里面没有设定html的font-size，则默认浏览器以1rem=16px来换算。

2.通过vw/vh来实现自适应

css3中引入了一个新的单位vw/vh，与视图窗口有关，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度，除了vw和vh外，还有vmin和vmax两个相关的单位。各个单位具体的含义如下：

<