如何将 css em rem 单位转换为像素值？如何将

em 单位转换为像素值：

例如，如果 div 元素的字体大小为 18 像素，则 10em 对应为 180 像素，即 10 × 18 = 180。

CSS 将 padding 设置为 10em

浏览器解析的值为 180 像素（或接近它）

rem 单位如何转换为像素值取决于页面根元素的字体大小，即html元素字体大小

得到的像素值 = 根元素html font-size（默认为16）* rem值

例如根元素为16px，10rem对应160px，即10 x 16 = 160。

注意：如果em被替换的元素没有字体大小设置，则为浏览器默认16像素。 （浏览器当然可以改变这个值）

使用场景

一般来说，padding、margin、width、height、line-height等值都需要使用em单位。具有非默认字体大小的元素。不建议使用它们来调整字体大小。通常使用 rem 单位来表示字体大小。使用 rem 单位。为了创建统一且可扩展​​的设计，媒体查询也必须采用 rem 单位。