px/em/rem 有什么区别？

1。 px值是固定的，很容易计算。 2、em的值不固定。
3. Em 将继承父级的字体大小。如果使用 rem 设置元素的字体大小，它仍然是相对大小，但它仅相对于 HTML 根元素。这个单位可以说结合了相对尺寸和绝对尺寸的优点。通过它你可以通过只改变根元素来按比例调整所有字体大小，并且可以避免逐层组合字体大小的连锁反应。
rem 相对于浏览器进行缩放。 1rem 的默认值为 16px。响应式布局中一一转换为rem太难了，所以rem
body{font-size=62.5%}重置。此时1rem=10px；如果是12px，那就是1.2rem。 。