與窗口相關聯的長度單位
作者：佚名 時間：2014-06-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.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n3343.html
