em 单位如何转换为像素值：
例如，如果一个div有18px字体大小，10em将等同于180px，即10 × 18 = 180。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
CSS设置padding为10em文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
浏览器解析出来的值为180px(或接近它)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
rem 单位如何转换为像素值
所得的像素值=根元素html font-size(默认是16)*rem值文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
例如，根元素的字体大小16px，10rem将等同于160px，即10 x 16 = 160。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
注意：如果em所在换的元素没有字体大小的设置，则是浏览器默认的16像素（当然，这个值可以被浏览器自己所改变）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
使用场景文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html
一般来说，你需要使用em单位适用于在非默认字体大小的元素上的padding、margin、width、height和line-height等值，不建议用em来控制字体大小，一般使用rem单位的字体大小，使用rem单位创建统一可扩展的设计，媒体查询也应该是rem单位。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3270.html