em、rem、vh、vw的理解

em是相对单位，相对于父元素的字体尺寸。如果一个元素的字体大小为1em，那么它的字体大小就等于它的父元素的字体大小。

rem也是相对单位，但是相对于根元素（通常是HTML元素）的字体尺寸。如果根元素的字体大小为16px，那么1rem就等于16px。

vh和vw是相对于视口尺寸的单位。vh表示视口的高度的百分比，vw表示视口的宽度的百分比。例如，100vh表示视口的高度的100%，50vw表示视口宽度的一半。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [em,rem,vw,vh之间的区别](https://blog.csdn.net/weixin_46953330/article/details/123526050)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [CSS尺寸单位px、em、rem、vw、vh以及%的区别](https://blog.csdn.net/Jack_lzx/article/details/120784995)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]