当前位置：网站首页>px em rem的区别

px em rem的区别

2022-07-04 05:31:00 【是张鱼小丸子鸭】

相对长度单位，相对于显示器屏幕分辨率而言

存在浏览器不兼容问题

相对长度单位，相当于当前对象内文本字体尺寸

em值不固定，em会继承父元素的大小

容易造成字体设置混乱问题

如果他父级设置的font-size为10px,那么1em就等于父系的10px，2em就等于父系的20px,以此类推

我们一般不经常使用em,如果父级元素删除了，那么他会去寻找他的父级->父级，所以特别容易造成字体设置混乱问题

相对长度单位，相对于根节点html字体大小来计算，任意浏览器默认字体高都是16px

如果html根节点设置字体font-size为100px. 则1em=100px. 2em=200px. 跟父级字体无关

浏览器兼容性比较好

版权声明
本文为[是张鱼小丸子鸭]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_60976312/article/details/125571184