CSS樣式中的100wh指的是元素寬度相對于瀏覽器窗口寬度的百分比,而非元素相對于父元素的百分比。使用100wh可以讓元素寬度隨著瀏覽器窗口大小而自適應調整。
/* 使用100wh設置元素寬度 */ .element{ width: 100wh; }
需要注意的是,使用100wh時需要將元素的margin與padding設置為0,否則元素的寬度可能會超出瀏覽器窗口。
/* 需要將margin與padding設置為0 */ .element{ width: 100wh; margin: 0; padding: 0; }
除了100wh外,CSS還有100vw和100%等單位可以用于設置元素寬度。其中100vw指的是元素寬度相對于視口寬度的百分比,而100%指的是元素寬度相對于父元素寬度的百分比。
/* 使用100vw設置元素寬度 */ .element{ width: 100vw; } /* 使用100%設置元素寬度 */ .element{ width: 100%; }
綜上所述,使用100wh可以讓元素寬度自適應調整,并且相對于視口而非父元素調整。使用時需要注意設置元素的margin與padding為0。
下一篇css指定字符字間距