我整理了一支非常基本的笔来演示这里发生的事情: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(使用前将#替换为@)