关于em和62.5%

Question

就这么一个简单的代码：

html {
    font-size: 16px;
}

body {
    font-size: 62.5%; 
}

.footer {
    height: 10em;
}

chrome上footer高度为120px。实在不理解，谁能帮我解惑一下，感谢。

Answer 1

chrome最小字体12px.
16px * 62.5 = 10px < 12px --> 12px

Answer 2

chrome下的字体大小最小是12px，不能小于这个值了，小了也是按照这么大显示