1、px
1個px相當于一個像素
2、em
em是相對的長度單位,既然是相對的長度單位,那么一定有一個參照對象。
em 相對參照對象為父元素的font-size
em具有繼承的特點,如果em的父元素沒有設置font-size,那么它會去找他父元素的父元素,一級級的往上找,知道找到位置
當沒有設置font-size時,瀏覽器會有一個默認的em設置,一般設置為:1em = 16px
3、rem
rem也是相對的長度單位,參照對象為根元素html,參照物固定不變,所以比較好計算。
當沒有設置font-size時,瀏覽器會有一個默認的rem設置,一般設置為:1rem = 16px
若根元素html字體大小設置為:font-size:62.5% ,則 1rem = 10px (10/16*100%)
若根元素html字體大小設置為:font-size:100% ,則1rem = 16px