等宽字体投掷线高度输出

Question

假设我有以下内容：

<p>This is a paragraph containing some <code>code</code>.</p>

具有以下样式：

p {
    font: 16px/24px sans-serif;
}
code {
    font: 16px/24px monospace, sans-serif;
}

为什么代码元素会抛出我的行高？这是一个说明问题的jsFiddle：http://jsfiddle.net/sl1dr/chgyb/

编辑：经过进一步调查，我发现我链接到的小提琴在Mac上工作正常，但在Windows上却没有。由于我正在处理的网站在Mac和Windows上都存在问题，因此越来越有趣。

Answer 1

这不是line-height更改，而是因为大多数不同的font-family在字体周围有不同的边距。但是font-margin不是你可以用css改变的东西。所以你是对的，你需要更改line-height：http://jsfiddle.net/chgyb/2/

Answer 2

我发现here是一个有效的解决方案，即再次设置font-size并将font-family设置为monospace, monospace。