em和rem的概念和用法
Posted DarthBadwolf
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
以上是关于em和rem的概念和用法的主要内容，如果未能解决你的问题，请参考以下文章