为什么要用rem单位
px: 使用“px”来设置我们的文本的优点是比较精确和固定,但种方法存在一个问题:无法随着浏览器进行缩放
em: em是相对单位,但是em是相对于父元素的大小来计算的,所以层级越深,换算会月复杂,计算公式:
1 ÷ 父元素的font-size × 需要转换的像素值 = em值
rem: rem是相对于页面根元素<html>
,计算简单,给html
的font-size设置为100px能方便计算字体和宽高的rem值,比如0.14rem = 14px, 0.36rem = 36px
计算公式:html的font-size * rem = px