1耸别、px
1px的長(zhǎng)度表示顯示器中一個(gè)像素（pixel）的長(zhǎng)度健芭，實(shí)際顯示的效果和顯示器的 DPI（Dot Per Inch，每英寸像素?cái)?shù)）有關(guān)秀姐，DPI越大每英寸的像素?cái)?shù)越多慈迈，每個(gè)像素的實(shí)際大小越小。通常來(lái)說(shuō)分辨率越高的屏幕 DPI也就越高省有，所以高分辨率屏幕顯示的圖標(biāo)和字體都要更小一些痒留。
所有瀏覽器的默認(rèn)字體大小都是 16px。
px的特點(diǎn)
- IE無(wú)法調(diào)整那些使用px作為單位的字體大写姥亍伸头；
- 國(guó)外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位；
- Firefox能夠調(diào)整px和em舷蟀，rem恤磷，但是96%以上的中國(guó)網(wǎng)民使用IE瀏覽器(或內(nèi)核)。
2野宜、em
em（font size of the element）是指相對(duì)于父元素的字體大小的單位扫步。
所以默認(rèn)情況下 1em=16px
EM特點(diǎn)
- em的值并不是固定的；
- em會(huì)繼承父級(jí)元素的字體大小匈子。
3河胎、rem
rem和 em相似，但是 rem是相對(duì)于根元素的字體大小單位虎敦。
與 em相比 rem更方便計(jì)算也更加直觀游岳。
但是 rem在 IE8及其以下都不兼容搁吓。
其長(zhǎng)度單位：
vw : 1vw 等于視口寬度的1%
vh : 1vh 等于視口高度的1%
vmin : 選取 vw 和 vh 中最小的那個(gè)
vmax : 選取 vw 和 vh 中最大的那個(gè)
參考：
字體大小之px、em吭历、rem堕仔、pt,字號(hào)詳解：https://www.cnblogs.com/zhaowy/p/8400271.html
vw vh視口百分比：https://blog.csdn.net/weixin_44766281/article/details/103044194
如果你不是在簡(jiǎn)書看到這篇文章，請(qǐng)移步簡(jiǎn)書支持原作者
