px em rem 的区别

Posted 简梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了px em rem 的区别相关的知识,希望对你有一定的参考价值。

px:像素,用px设置字体大小,比较精确。但是不能适应浏览器的缩放。

em:是一个相对值,根据基准来缩放字体大小。默认1em等于16px,可在body中设置:font-size:62.5%;此时,1em等于10px。em的大小是根据父元素来计算的。

rem:相对值,根据基准来缩放字体大小,rem大小根据 根元素html来计算。

注:ie6-8不兼容em,rem,此种情况,可以px和rem一起使用。eg:p{font-size:14px;font-size:0.875rem;}

以上是关于px em rem 的区别的主要内容,如果未能解决你的问题,请参考以下文章

px em rem 的区别

彻底弄懂px,em和rem的区别

彻底弄懂css中单位px和em,rem的区别

CSS3中的rem、em与px间的换算关系

css中px,em和rem的区别

em和rem的区别