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

Question

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

Answer 1

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

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