css单位——vh vw em rem等详解

最近看别人写代码，用到了height:100vh;当时感觉很有意思，以前没有见过vh这个单位，于是乎就到CSS3参考手册找答案了。。。自己顺便做了下总结：

1.vh vw:相对于视口的高度，宽度。视口被均分为100单位的vh,vw，神马意思呢？看个demo css单位——vh vw em rem等详解

 1 <!DOCTYPE html>
 2 <html lang="Zh-cn">
 3 
 4     <head>
 5         <meta charset="UTF-8">
 6         <title>css_vh_vw</title>
 7     </head>
 8     <style type="text/css">
 9         *{
10             margin: 0;
11             padding: 0;
12         }
13         .a{
14             height:10vh;
15             width: 10vw;
16             background-color: #3a9;
17         }
18     </style>
19 
20     <body>
21         <div class="a">
22             
23         </div>
24     </body>
25 </html>

View Code