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