rem,em,px的区别

版权声明:Amazing刘许许的博客 https://blog.csdn.net/asedasdad/article/details/82526921

最近看到em和rem的时候,自己不是太懂就上网查找资料,px,em,rem的区别:
首先,px是我们在pc端最常用的单位,em很少用,rem多数用于移动端。
px是绝对单位。
em是相对单位,相对于父元素的字体的大小,(字体大小具有继承的关系)。
rem是相对于根元素的字体大小。这也就是为什么常用rem而很少用em,因为rem就相对于根元素的字体的大小,不容易改变。
在网上有好多用body{font-size:62.5%;}这个意思就是把文档的字体的大小变成10px,它是有em转换而来的,1px = 16px所以,10/16*100% =62.5%,往后就是1em = 10px了。
 

猜你喜欢

转载自blog.csdn.net/asedasdad/article/details/82526921