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

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 548 (opens in a new tab)

Author 回答者: shfshanyue (opens in a new tab)

他们同属于 CSS Data Type 中的 [length]，见文档 length - MDN (opens in a new tab)

• rem: 根据根元素(即 html)的 font-size
• em: 根据自身元素的 font-size
• vw: viewport width
• vh: viewport height

Author 回答者: gxr404 (opens in a new tab)

• em: "在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如 width"来自MDN (opens in a new tab)