非font-size属性的REM值计算规则及实际应用相关问题咨询

参考代码 #

#sign-up-cta .striking {
  font-family: "Rubik", sans-serif;
  padding-bottom: .75rem;
}

问题解答 #

1. rem单位用于padding或margin属性时的默认参考基准
   rem全称是root em，所有使用rem单位的属性，参考基准都是HTML根元素<html>的font-size属性值。没有手动修改根元素字体大小的前提下，绝大多数浏览器的默认根字体大小为16px，此时默认参考基准就是16px。

2. 显式声明padding: 0和margin: 0的取值依据
   长度值为0时不需要绑定单位，这里的0就是指绝对的0长度，不需要参考任何基准值，最终表现就是元素没有内边距、没有外边距。

3. 未声明padding或margin属性时，.75rem对应的实际值
   rem的实际像素值只和根元素的font-size有关，和它被用于什么属性、该属性有没有被声明没有关联。如果按照浏览器默认根字体大小16px计算，.75rem对应的实际像素值是 16px * 0.75 = 12px；如果手动修改过根元素font-size，就按照修改后的实际值乘以0.75计算即可。

内容的提问来源于stack exchange，提问作者webdevtonym