CSS基本单位

相对单位:

px  2.54cm = 96px

em  假定默认字体尺寸为14px,nem = n * 14px,若找不到当前对象,找父级对象,没有父级对象找body

.outer,.inner{

  font-size:2em;

}

<div class="outer"> 

  <div class="inner">

    我是inner     结果为2 * 2 * 16px

  </div>

</div>

rem  只找到html的根对象  

.outer,.inner{

  font-size:2rem;

}

<div class="outer"> 

  <div class="inner">

    我是inner     结果为2 * 16px

  </div>

</div>

posted @ 2016-07-01 21:29  Icey家的小屋  阅读(142)  评论(0编辑  收藏  举报