em,rem,px的区别,以及实现原理?

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em是相对长度单位。相对于当前对象内文本的字体尺寸
举个例子:
比如说当前容器`font-size:16px;`则`1em`就等于16px;
rem 是CSS3新增的一个相对单位(相对于根元素的),使用方法就是

浏览器的默认字体是16px,那么`1rem=16px`以此类推计算12px=0.75rem,10px=0.625rem,2rem=32px;
这样使用很复杂。

posted @ 2019-12-09 23:55  每天都要进步一点点  阅读(580)  评论(0编辑  收藏  举报