完美的响应式布局vw+vh+rem屏幕适配方案！

一、前言

根据前面写的  你不知道的CSS单位，进行了一种响应式布局的思考。  

视口布局的优点：宽度和高度全部自动适应！再加上rem布局的字体适应，可以完美解决各种屏幕适配问题！

单位可参考 ：  你不知道的CSS单位

该布局兼容性如下：

IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
9.0+	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0

二、正文

1、vw、vh是基于视口的布局方案，故这个meta元素的视口必须声明。（解决宽高自动适配）

 <me