使用css3提供的新单位
高度：vh
宽度：vw
vw、vh 与 % 百分比的区别
（1）
% 是相对于父元素的大小设定的比率，
vw、
vh 是视窗（视区）大小决定的。
（2）
vw、
vh 优势在于能够直接获取高度，而用
% 在没有设置
body 高度的情况下，是无法正确获得可视区域的高度的，所以这是挺不错的优势。
何谓视区
“视区”所指为浏览器内部的可视区域大小，即
window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小
更多关于css3样式可以参考http://www.css88.com/book/css/
转载于:https://www.cnblogs.com/xiaoQ0725/p/8032670.html
