前端css中单位em和px的区别

如题所述

前端css中em和px都是表示长度的单位,除了这两者,CSS 还有几个不同的单位用于表示长度。而em和px的区别就在于:
1.em指的是相对长度,相对单位长度指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。相对长度还有:ex、ch、rem、vw、%等等。
2.px是绝对长度单位,它是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。绝对长度还有:cm、mm、in、pt等等。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-12-31
相对和绝对的区别,
1em=16px;
一个按百分比,一个写死,。不同设备显示样式不同的差异,所以自适应网页,用百分比,em单位.
打个比方吧;
你设宽度600px时;
F12调试可以明显看到苹果6和苹果5有明显的差异;
但是你要设置为100%宽度,那他们效果显示就一样了;
em就是这个道理,设置字体时跟随网页比例缩放,不知道我解释有没有错误,问题!互勉!本回答被网友采纳
相似回答