CSS 中 height: 100% 和 height: 100vh 的区别 - Githubissues

yahuian / blog

📚 blog

1 stars 0 forks source link

CSS 中 height: 100% 和 height: 100vh 的区别 #8

Open yahuian opened 9 months ago

yahuian commented 9 months ago

100%

相对于父元素的高度百分比
如果父元素未设置高度，或者高度自适应（auto）则因为无参照物可能导致不符合预期的效果

100vh

在 CSS 中，视窗（viewport）是指浏览器窗口中实际显示网页内容的区域

100vh 表示视窗（viewport）的百分比高度（占据一半则是 50vh）
100vh 不受父元素高度的影响，总是占据整个视窗的高度