开发者学堂课程【移动 Web 前端开发：rem-认识这个单位】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/594/detail/8491
rem-认识这个单位
内容介绍
一、 具体内容
二、 总结
一、 具体内容
body{
margin: 0;
padding:0;
line-heignt:1/和字体大小一致，现在字体大小默认是16px
}
.em{}
font-size:2em;
.rem{
font-size:2rem;
}
<body>
现在两个 div 的字体大小分别是:
em div 32px
rem div 32px
解释 rem,em 分别是基于谁的字体大小:
em 是基于父容器的字体大小，父元素默认的是 16px，那么 2 em 就是32px，rem中 r 是 root 根元素的意思，rem 是基于根元素 html 元素的字体大小。
如果把 body 的字体大小改为：font-size：50px，则现在 em 大小是 100px，rem 大小不改变。
如果修改 html 为<html style = “font-size:50px”>,rem 的大小就会发生改变。
二、总结
rem 和 em 的区别，em 基于父容器的字体大小，rem 基于根元素 html 的字体大小。
