小编Ada*_*dam的帖子

Helvetica中呈现的文本的垂直位置及其内容区域的大小因Firefox和Chrome for Mac而异.例如,在Chrome中,如果行高与font-size相同,则会下移下划线.

(我在这张照片中调整了块元素的位置 - 保持基线一致 - 以说明尺寸和文本定位的差异).如果你有一台Mac,你可以在这个JS Bin中看到我在说什么.

现在,我并没有直接对如何解决这个特定的差异感兴趣.我意识到手动调整的重置样式表试图消除或消除差异,但我特别感兴趣的是导致这些浏览器首先呈现不同的因素.

我在这里做一些假设:

• 对于字体的渲染以及标准盒模型中字形的大小和位置,存在标准,但可能在它们如何交互方面未指定.

• 浏览器制造商对上述标准的解释存在错误,这可能会影响文本的大小,定位和呈现方式.

• 对于这些特定的浏览器,许多设计讨论和实际实现都是以某种形式公开的.因此,如果有人知道在哪里看,就可以了解这种差异的来源.

• 两个浏览器都在同一个地方开始 - 标记,样式和字体定义在它们之间是一致的.在某些时候,他们在如何利用这些产生最终产出方面存在分歧.

因此,我的具体问题是:在这个过程中,这种分歧发生在哪里,是什么导致它发生？

我觉得,凭借这些知识,我可以更好地理解如何纠正这种差异.在这种情况下,特别是在我将来可能遇到的类似情况中.