最近在學(xué)習(xí)字體時遇到字體大小的設(shè)置,font-size單位可以是px或em或rem,那么這幾種單位都有什么區(qū)別呢,該如何使用呢?
px是像素圖像的基本采樣單位,相對于顯示器屏幕分辨率而已的,什么是一個像素呢,你把一張圖一直放大,會看到一個個小的方格子,一個方格子就是一個像素。瀏覽器默認(rèn)的字體大小是16px。
px的特點是:字體大小寫死固定了,是固定值,老版本IE無法縮放字體,但現(xiàn)在基本上都不用管低版本的IE。所以一般情況都會使用這種單位,夠精確。
em是一個相對單位表示相對于其父親元素字體的大小而言,可以是小數(shù),整數(shù)。比如父元素字體大小是16px,則1em就是16px,2em就是32px。
em的特點是:不是固定值,它的值會隨著父字體大小而變化。 使用場景:當(dāng)當(dāng)前元素的內(nèi)外邊距需要與當(dāng)前字體大小成比例時,可以使用em。
rem也是一個相對單位與em的區(qū)別是,他是相對于根元素而言的,這樣在使用計算時就比em簡單方便多了,因為他的參考值就是根元素子圖大小,瀏覽器默認(rèn)的是16px。
rem的特點是:相對于根元素字體大小,計算方便。可以通過控制html根字體大小來改變整個頁面字體大小,是頁面在哥尺寸的移動端自適應(yīng)。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網(wǎng)!
新聞熱點
疑難解答