Question

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

Answer 1

前端css中em和px都是表示长度的单位，除了这两者，CSS 还有几个不同的单位用于表示长度。而em和px的区别就在于：
1.em指的是相对长度，相对单位长度指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。相对长度还有：ex、ch、rem、vw、%等等。
2.px是绝对长度单位，它是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。绝对长度还有：cm、mm、in、pt等等。

Answer 2

相对和绝对的区别，
1em=16px；
一个按百分比，一个写死，。不同设备显示样式不同的差异，所以自适应网页，用百分比，em单位.
打个比方吧；
你设宽度600px时；
F12调试可以明显看到苹果6和苹果5有明显的差异；
但是你要设置为100%宽度，那他们效果显示就一样了；
em就是这个道理，设置字体时跟随网页比例缩放，不知道我解释有没有错误，问题！互勉！