css 基础之 em 与 rem

  em 和 rem 都是相对单位，由浏览器转换为 px

  rem 是取决于页面根元素的字体大小，即 html

html {
   font-size: 16px;
   padding: 10rem;  // 10 * 16 = 160px
}

  em 是将 em 值乘以使用 em 单位的元素字体大小。

.test {
   font-size: 18px;
   padding: 10em;  // 10 * 18
}