CSS單位最常用的有哪些?

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)的方式來計算尺寸。這種相對單位使用起來更簡單。

值得注意的瀏覽器支持問題: IE8,, Safari 4或 iOS 3.2中不支持rem單位。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容