css - 使用 ems 时的正文字体大小

Question

这可能是一个非常基本的问题，但作为响应式网页设计的新手，我正在寻求澄清。

我目前使用像素作为字体大小，并在 body 标签中将其设置为 16px。我错误地将字体大小设置为 100%，然后将 ems 用于我的所有字体，但这导致了不同浏览器之间的重大不一致，因此我不得不恢复为像素。

我读过，将正文字体大小设置为 62.5% 相当于 1em。它是否正确？或者有没有人有更好的方法，我想知道当前的最佳做法是什么。

感谢任何建议

谢谢大家

Answer 1

您可以将字体大小设置为 62.5%，即 10px，这显然是一个小得多的字体大小和一个整数，因此更容易以像素为单位思考，但仍以 em 为单位设置大小:1em 是 10px，0.8em就是8px，1.6em就是16px等等