em 指字体高, 任意浏览器的默认字体高都是 16px. 所以未经调整的浏览器都符合: 1em=16px. 那么 12px=0.75em, 10px=0.625em
为了简化 font -size 的换算, 需要在 CSS 中的 body 选择器中声明 Font-size=62.5%, 这就使 em 值变为 16px*62.5%=10px, 这样 12px=1.2em, 10px=1em, 也就是说只需要将你的原来的 px 数值除以 10, 然后换上 em 作为单位就行了.
(相关课程推荐: CSS 视频教程 https://www.html.cn/css/ )
em 有如下特点:
1. em 的值并不是固定的;
2. em 会继承父级元素的字体大小.
重写步骤:
1. body 选择器中声明 Font-size=62.5%;
2. 将你的原来的 px 数值除以 10, 然后换上 em 作为单位;
本文来自 css3 答疑 https://www.html.cn/qa/css3/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/css3/15296.html