等宽字体投掷的line-height出

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。