前端：CSS字體大小 px、em、rem的區別
- 2020 年 3 月 26 日
- 筆記
1、px
1px的長度表示顯示器中一個像素（pixel）的長度，實際顯示的效果和顯示器的 DPI（Dot Per Inch，每英寸像素數）有關，DPI越大每英寸的像素數越多，每個像素的實際大小越小。通常來說解析度越高的螢幕 DPI也就越高，所以高解析度螢幕顯示的圖標和字體都要更小一些。
所有瀏覽器的默認字體大小都是 16px。
px的特點
- IE無法調整那些使用px作為單位的字體大小；
- 國外的大部分網站能夠調整的原因在於其使用了em或rem作為字體單位；
- Firefox能夠調整px和em，rem，但是96%以上的中國網民使用IE瀏覽器(或內核)。
2、em
em（font size of the element）是指相對於父元素的字體大小的單位。
所以默認情況下 1em=16px
EM特點
- em的值並不是固定的；
- em會繼承父級元素的字體大小。
3、rem
rem和 em相似，但是 rem是相對於根元素的字體大小單位。
與 em相比 rem更方便計算也更加直觀。
但是 rem在 IE8及其以下都不兼容。
其長度單位： vw : 1vw 等於視口寬度的1% vh : 1vh 等於視口高度的1% vmin : 選取 vw 和 vh 中最小的那個 vmax : 選取 vw 和 vh 中最大的那個
參考： 字體大小之px、em、rem、pt,字型大小詳解：https://www.cnblogs.com/zhaowy/p/8400271.html vw vh視口百分比：https://blog.csdn.net/weixin_44766281/article/details/103044194
