终极案例

.parent {
  height: 300px;
}
.son {
  font-size: 20px;
  width: 2em; /*基于font-size,结果是40px*/
  height: 20%; /*基于父元素的height,结果是60px*/
}

Rem布局
移动web开发之rem布局 rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父...
移动端开发-01
rem布局 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem...
移动 web 开发 —— rem 布局
1. rem 基础 rem 单位 rem（root em）是一个相对单位，类似于 em，em 是父元素字体大小。 ...
em 和 rem
em em会按照当前元素的字体大小来确定1em等于多少如果当前元素的字体大小是16, 那么1em=16px 如果...
em和rem
rem是跟据html元素的字体大小计算 em根据当前字体的大小进行计算终极案例经常比较的是em和rem 但是我...
em和rem
em 和 rem单位之间的区别是浏览器根据谁来转化成px值 ,因此理解这种差异是决定何时使用哪个单元的关键。 re...
em和rem
css中单位长度用的最多的就是px，em，rem。其中，px是固定像素。em和rem是相对长度单位，em相对于父元...
rem和em的区别
# 关于rem和em的区别 ### rem > rem:`表示根元素的字体大小`（通常为``） > ##### 下...
移动web五 - Rem布局
一、rem基础 1. rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同...
移动web开发之rem布局(less基础，rem适配))
rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是re...