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
}