在css中單位長(zhǎng)度用的最多的是px、em、rem,這三個(gè)的區(qū)別是:
px是固定的像素,一旦設(shè)置了就無(wú)法因?yàn)檫m應(yīng)頁(yè)面大小而改變。
em和rem相對(duì)于px更具有靈活性,他們是相對(duì)長(zhǎng)度單位,意思是長(zhǎng)度不是定死了的,更適用于響應(yīng)式布局。
對(duì)于em和rem的區(qū)別一句話概括:em相對(duì)于父元素,rem相對(duì)于根元素。
rem中的r意思是root(根源),這也就不難理解了。
em
子元素字體大小的em是相對(duì)于父元素字體大小
元素的width/height/padding/margin用em的話是相對(duì)