前端自适应（二）em

前文中，介绍了rem，本文介绍和rem类似的另一种单位em;

一、em

em也是一种相对单位，是相对于父元素（html）的字体大小的单位；

rem是相对根元素字体大小的单位；

3em = 3 * 父元素.fontSize;

二、举例

<div id="app">
  <div class="content">aaaa</div>
</div>

.content {
  width: 50%;
  height: 3em;
  background-color: red;
  text-align: center;
  color: white;
}
#app {
  font-size: 32px;
}

结果

content中的3em，通过计算，显示为96px