html - 如何在 Firefox 和 chrome 中实现相同的行高？

Question

当使用相同的字体时，chrome和firefox给它们不同的行高，有时你需要它们在浏览器中是相同的......现在遇到这个问题时，我必须同时给出字体大小和行高（以像素为单位），但它似乎不是最好的解决方案。应该使用不同的单位吗？我如何使 chrome 和 firefox 渲染字体类似？

Answer 1

您可以将行高设置为纯数字，根据定义，它将被视为相对于元素的字体大小，例如line-height: 1.2.

您也可以使用em单位，例如line-height: 1.2em，但内部元素将继承（除非它们有自己的行高设置）计算值，而不是相对数字。如果嵌套元素有不同的字体大小，这很重要，通常应该使用相对行高。

Answer 2

请使用 Yahoo 的 CSS 重置，这应该可以解决跨浏览器问题。