CSS中,vh指的是視窗高度的百分比單位,它的值與視窗高度有關(guān),而不是與父元素高度相關(guān)。例如:
height: 50vh;
上面的代碼將會(huì)把元素的高度設(shè)置為視窗高度的50%。
如果你的頁(yè)面需要響應(yīng)式布局,使用vh單位可以使你的元素具有良好的適應(yīng)性。例如:
@media (max-width: 768px) { font-size: 4vw; }
上面的代碼將會(huì)在視窗寬度小于等于768px時(shí),把字體大小設(shè)置為視窗寬度的4%。這樣,在不同設(shè)備上的訪(fǎng)問(wèn)者都可以看到相對(duì)一致的字體大小。
需要注意的是,vh屬性在一些老的瀏覽器上可能不被支持。如果你的頁(yè)面需要同時(shí)兼容各種瀏覽器,請(qǐng)謹(jǐn)慎使用vh屬性。