天天看點

rem和em和px

預設字型16px;

px像素(Pixel)。相對長度機關。像素px是相對于顯示器螢幕分辨率而言的。

em是相對長度機關。相對于目前對象内文本的字型尺寸。如目前對行内文本的字型尺寸未被人為設定,則相對于浏覽器的預設字型尺寸。

EM特點

  1. em的值并不是固定的;
  2. em會繼承父級元素的字型大小。

rem是CSS3新增的一個相對機關(root em,根em),使用rem為元素設定字型大小時,仍然是相對大小,但相對的隻是HTML根元素。當html的font-size改變時,使用rem的width和height就會在原基礎上變大或變小,而且在原對象内如果設定字型大小不會像em裡一樣會改變該對象的盒子寬高

px 與 rem 的選擇?

對于隻需要适配少部分手機裝置,且分辨率對頁面影響不大的,使用px即可 。

對于需要适配各種移動裝置,使用rem,例如隻需要适配iPhone和iPad等分辨率差别比較挺大的裝置。

rem和em和px
rem和em和px