【Q535】rem、em、vw、vh 的值各是什么意思

高级前端css【Q535】rem、em、vw、vh 的值各是什么意思rem、em、vw、vh 的值各是什么意思

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 548

Author

回答者: shfshanyue

他们同属于 CSS Data Type 中的 [length],见文档 length - MDN

rem: 根据根元素(即 html)的 font-size

em: 根据自身元素的 font-size

vw: viewport width

vh: viewport height

Author

回答者: gxr404

em: “在 font-size 中使用是相对于父元素的字体大小,在其他属性中使用是相对于自身的字体大小,如 width”来自MDN

【Q534】CSS 如何实现固定长宽比的元素【Q536】normalize.css 与 reset.css 又何区别