v系列尺寸知多少

今天来讲说vh,vw,vmin,vmax，这些css3中定义的尺寸单位，能在css中解析原始包含块的宽高信息，用途仍是有些的.
根据css3标准的定义，这些v系列的尺寸全称为viewport-percentage length, 顾名思义，它们定义了相对于原始包含块的百分比尺寸。当原始包含块的尺寸改变时，你用这些单位定义的尺寸也会相应地改变。当根元素的overflow为auto时，则看做原始包含块没有滚动条。
注：原始包含块的尺寸会受到视口滚动条的影响。（我真心不知道这个影响是什么，若是你正好知道，还望批注给我，很是感谢）

vw

至关于原始包含块的长度的1%，若是咱们设置一个元素的font-size:8vw，若是此时该元素包含块的长度为200px,那么该值为8*200／100=16px

vh

至关于原始包含块高度的1%

vmin

等于vw和vh的最小值

vmax

等于vw和wh的最大值

就我而言，目前我会将这个单位用在两个方面：
一、能够用来作移动设备中字体的单位。
好比这样：

 
 
 
 
 

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  

 
 
 
 
 
body{ font-size:5vh;}#header{ font-size:1rem;}#content{ font-size:0.8rem;}

这样作的好处就是能够根据设置的大小来决定字体的大小，设置在body上的缘由就是要作相对固定的字体大小设置，后续不论哪一个元素的字体大小都根据根元素来使用rem设置。
二、用于作高度100％的实现，这个不用多讲了。

浏览器兼容性

你能够直接查看http://caniuse.com/#search=vh

来自为知笔记(Wiz)