1. 程式人生 > >css總結5:px、em、rem區別介紹

css總結5:px、em、rem區別介紹

默認字體 css3 ipad 特點 css mil 像素 roo 新增

PX

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

PX特點

  • 1. 瀏覽器無法調整px單位的字體,以em或rem為字體單位可調整字體。

EM

em是相對長度單位。

EM特點

  • 1. em的值並不是固定的;

  • 2. 行高:n倍的 em = n *父級元素的像素px大小(若無則*瀏覽器的默認字體)。

REM

rem是CSS3新增的一個相對單位(root em,根em),也是相對大小,相對的只是HTML根元素。

p {font-size:14px; font-size:.875rem;}

px 與 rem 的選擇?

對於只需要適配少部分手機設備,且分辨率對頁面影響不大的,使用px即可 。

對於需要適配各種移動設備,使用rem,例如只需要適配iPhone和iPad等分辨率差別比較挺大的設備。

css總結5:px、em、rem區別介紹