Google chrome 为什么相同的字符在不同的浏览器中占据不同的空间?

Google chrome 为什么相同的字符在不同的浏览器中占据不同的空间?,google-chrome,firefox,browser,unicode,cross-browser,Google Chrome,Firefox,Browser,Unicode,Cross Browser,为什么在Chrome和FF上,绿色背景的角色占据了更多的空间? 在Internet Explorer上,所有字符占用相同的空间(高度) 我拉了把小提琴 ↕ ▴ A. B C 1. 2. 3. ↔ ↖HTML中的特殊字符可以使用不同的字体,这些字体可以有不同的行高 这里讲得很长: 但是要修复它,你必须使用一个共同的线高度 如果我在您的示例中使用以下css,看起来很好: .cell { display: table-cell; background: chartreuse; line

为什么在Chrome和FF上,绿色背景的角色占据了更多的空间? 在Internet Explorer上,所有字符占用相同的空间(高度)

我拉了把小提琴

↕
▴
A.
B
C
1.
2.
3.
↔

HTML中的特殊字符可以使用不同的字体,这些字体可以有不同的行高

这里讲得很长:

但是要修复它,你必须使用一个共同的线高度

如果我在您的示例中使用以下css,看起来很好:

.cell {
  display: table-cell;
  background: chartreuse;
  line-height: 25px;
}

所以我想说这不是一个bug,但是浏览器对字符的解释不同。

Thx,谢谢你的回答。这并没有解决我的问题。我有一个表结构,需要这个结构。看起来是这样的:我需要每行的高度相等,但是第一行更高,因为特殊字符的空间消耗。如果可能的话,我不想使用像素高度。我确实更改了答案,因为我确实找到了一些新信息。我认为如果不使用线高度来修复它,就没有解决方案。如果不想使用像素高度,也可以使用em或pt设置线条高度,例如:线条高度:1.5pt;谢谢你的回答和解释。