em和rem的概念和用法

em 相对长度单位

1. 相对参照物为父元素的font-size
2. em有继承性
3. 没有设置font-size时, 浏览器会有一个默认的em设置

rem 相对参照物为根元素html, 相当于参照物固定不变

1. 比较好计算
2. 没有设置font-size时, 浏览器有一个默认的rem
3. 有兼容性问题, 并不是所有浏览器都支持rem, IE8及以下的浏览器都不支持

 

1 rem = 16 px  与em一致

 

eg

font-size = 62.5% 时, 1 rem = 10 px

font-size = 100% 时, 1 rem = 16px