为什么 Webkit 浏览器在 100% 缩放时计算不同的大小？

问题描述

我在尝试文本布局时遇到了一个我不明白的不一致问题：Webkit 浏览器（即 Chrome/Edge）在 100% 缩放时计算块级别 <p> 的高度与 Gecko (Firefox) 不同. https://codepen.io/andrewhaw/pen/KKNaMNG

的样品笔

在 Firefox 中，<p class="intro"> 的计算高度为 25.6px，这与 line-height: 1.6 是有道理的； 16px（我的基本字体大小）* 1.6 = 25.6px。我有一个 visual sample of Firefox rendering 和 the computed box model in Firefox。

在 Webkit 中（测试了 Chrome/Edge），<p class="intro"> 的计算高度为 44.5278px，具有相同的基本字体大小设置。这就是我显然遗漏了 Webkit 如何计算大小的地方。我有来自 visual sample of the Chrome rendering 的 the computed box model in Chrome 和 previously linked CodePen。

我在各种 Windows 机器上尝试过，结果相同（我无法访问任何 Mac）。我确实理解期望所有渲染引擎输出相同的结果不符合灵活/响应式设计方法，但我主要想知道其他人是否对为什么会这样有任何建议，因为我必须在这里遗漏一些东西观点。谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）