rem px em的區別是什麼?

1、什麼是px?html

   px像素(Pixel)。相對長度單位。像素px是相對於顯示器屏幕分辨路而言的。瀏覽器

   可是IE瀏覽器沒法調整哪些使用px做爲單位的字體大小;字體


2、什麼是em?spa

    em是相對長度單位。相對於當前對象內文本的字體尺寸。如當前對行內文本的字體沒有設置,那麼其大小爲相對於瀏覽器的默認字體尺寸。code

    1em 等於當前的字體尺寸。若是一個元素的 font-size 爲 16 像素,那麼對於該元素,1em 就等於 16 像素。在設置字體大小時,em 的值會相對於父元素的字體大小改變。orm

    瀏覽器中默認的文本大小是 16 像素。所以 1em 的默認尺寸是 16 像素。htm

    能夠使用下面這個公式將像素轉換爲 em:pixels/16=em對象

     em的特色是:繼承

     a.em的值並非固定的;element

     b.em會繼承父級元素的字體大小。


3、到底什麼是rem?

  【rem】是指根元素(root element,html)的字體的大小,其也是相對單位大小。

   rem與em的區別在於,使用rem元素設定字體大小時,仍然是相對大小,但其相對的只是html根元素的大小。


4、如何使用rem ?

    將瀏覽器的基準字號設置爲62.5%, 也就10px; 如今1rem = 10px; 爲了計算方便,而後在body上應用font-size:1.6rem,將字號設置爲16px;

    

html{
    font-size:62.5%;
}
body{
    font-size:1.6rem;
}
相關文章
相關標籤/搜索