首页 > 代码库 > px、em与rem之间的区别

px、em与rem之间的区别

px

px方便,但是由于它是绝对值,不能随着浏览器的放大和缩小而改变,因此往往会影响我们原先的布局,造成视觉干扰。

 

em

em是相对值,解决了随浏览器放大缩小而改变的问题,但是它仅仅是相对于其父元素,假设你在<body>里定义了font-size:10px,那么以<body>为父元素的子元素的font-size可以这样定义{font-size:1.4em}即字体为14px。但是如果不是以<body>为父元素的子元素,其字体则不定为多少,要看其父元素。

 

rem

rem出现在css3里,它的字体永远相对于根元素来变化。即它永远已<body>的font-size为基础。

px、em与rem之间的区别