与窗口相关联的长度单位

时间：2014-6-11

将百分比用于宽度的一个问题是,它们是与它们的父元素相关,真实,这似乎并不是个问题,但很快它们就会变得非常复杂,一个更好的方法是使用关联于固定值的单位,而非根据父元素所获得的值,而这正是vh和vw单位的作用.
  v表示窗口,而h和w分别表示高度和宽度,也就是说,这个单位与窗口的尺寸有关,这个单位的每一个数字都等于窗口长度的1%.因此,如果想要令一个元素的高度为窗口高度的一半,则需使用:
  E{height:50vh;}
  由于这些元素总是关联于窗口而非它们的你元素,这意味着不再保留小数点后的小数位,如果使用以前说过的一个例子,即一个元素的宽度为窗口宽度的85%,而其子元素的宽度为窗口宽度的55%,则在使用串口关联的情况下,去处值将更简单也更易于管理:
  E{width:85vw;} 
  F{width:55vw;}
  有两个伴随单位,vmax和vmin,也是可用的,vmax表示窗口长度较长的一边,无论高度还是宽度,而vmin则表示较知的另一边,假设一个窗口的分辨率为800和600,那dm而vmin则相当于vh.