css單位
1、絕對單位
px: 邏輯像素,絕對單位
2、相對單位
em: 基準(zhǔn)點為父節(jié)點字體的大小
rem: 相對根元素字體大小來計算
vw: 視口寬度, 將視口寬度的1% viewport-width
vh: 視口高度, 將視口高度的1%
vmin:vw和vh中較小的那個
vmax:vw和vh中較大的那個
最常用的css單位
px
- px是一個絕對單位
em
- em是一個相對單位,改變font-size的大小時,它的尺寸就會發(fā)生變化。
- 在沒有任何CSS規(guī)則的前提下,1em的長度是:16px
- 如果有任何CSS規(guī)則改變了字體大?。ú还茉谖臋n的什么位置),1em的長度會變成相對于新的font-size的大小。
- em單位當(dāng)設(shè)置了font-size屬性后,它會逐級向上相乘
rem
rem和em一樣也是一個相對單位,但是和em不同的是rem總是相對于根元素,而不像em一樣使用級聯(lián)的方式來計算尺寸。這種相對單位使用起來更簡單。