我整理了一支非常基本的笔来演示这里发生的事情：https://codepen.io/anon/pen/ZjbmWE https://codepen.io/anon/pen/ZjbmWE
为那些没有 Mac 的人提供一个屏幕截图 https://i.stack.imgur.com/PSecL.png
基本上，我想做的是使用 rems 来调整整个 Web 应用程序的大小，但我注意到 Mac 和 Windows 之间的大小调整不一致，即使我在两个平台上的 Chrome 中查看该应用程序也是如此。
我看到的是设置时html { font-size: 50%; }，Mac 上的计算字体大小最终为 9px，而不是我预期的 8px（假定默认浏览器大小为 16px）。这不会是一个问题，除了 Chrome 显然仍然使用 8px 作为计算基于 rem 的字体大小的基础，同时仍然使用 9px 来计算基于 rem 的行高，正如我们在钢笔中看到的那样。
如果您检查<span>在笔中查看计算的样式（在 Mac 上使用 Chrome），您会注意到字体大小为 16px (8 * 2)，但行高为 18px (9 * 2)。因此，对于 font-size 和 line-height 之间的 rem 含义，我们有两种不同的解释。
这是一个错误，还是我错过了什么？
None
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
