在css中單位長度用的最多的是px、em、rem,這三個的區(qū)別是:

  px是固定的像素,一旦設(shè)置了就無法因?yàn)檫m應(yīng)頁面大小而改變。

  em和rem相對于px更具有靈活性,他們是相對長度單位,意思是長度不是定死了的,更適用于響應(yīng)式布局。

對于em和rem的區(qū)別一句話概括:em相對于父元素,rem相對于根元素。

rem中的r意思是root(根源),這也就不難理解了。

 

em

  • 子元素字體大小的em是相對于父元素字體大小

  • 元素的width/height/padding/margin用em的話是相對

    網(wǎng)友評論