| px | vh | vw | rem | em |
|---|---|---|---|---|
| 相對(duì)于顯示器屏幕分辨率 | 基于視口 | 基于視口 | 相對(duì)于根元素的字體大小 | 相對(duì)于父元素的字體大小 |
1. px
1）相對(duì)于顯示器屏幕分辨率
2. vh押搪、vw
1）vw相對(duì)視口寬度树酪，長(zhǎng)度=視口寬度/100
2）vh相對(duì)視口高度浅碾，長(zhǎng)度=視口高度/100
3. rem
1）rem相對(duì)于根元素html的字體大小
2）1.5rem 1.5*html的字體大小=當(dāng)前元素px
3）em存在繼承，父級(jí)元素有em時(shí)续语，子孫元素會(huì)一直繼承垂谢，若本身設(shè)置px，則使用自己的px
4）rem本質(zhì)等比縮放疮茄，適用移動(dòng)端布局埂陆、字體圖片、高度
4. em
1）em相對(duì)于其父元素的字體大小
2）1.5em 1.5*父元素的字體px=當(dāng)前元素px
3）如果屬性根據(jù)字體大小進(jìn)行測(cè)量娃豹，使用em，其他使用rem
4）使用rem時(shí)购裙，需設(shè)置html字體大小懂版，因?yàn)闉g覽器字體大小可能不一致
