em和rem的概念和用法
em 相对长度单位
- 相对参照物为父元素的font-size
- em有继承性
- 没有设置font-size时, 浏览器会有一个默认的em设置
rem 相对参照物为根元素html, 相当于参照物固定不变
- 比较好计算
- 没有设置font-size时, 浏览器有一个默认的rem
- 有兼容性问题, 并不是所有浏览器都支持rem, IE8及以下的浏览器都不支持
1 rem = 16 px 与em一致
eg
font-size = 62.5% 时, 1 rem = 10 px
font-size = 100% 时, 1 rem = 16px
