不同的文本对齐firefox的行为

Question

它只是一个简单的

＆＃13;

＆＃13;

body{
    padding:0;
    margin:0;
}

＆＃13;

<div style="font-size:34pt;">BRIDGES YEAH</div>

＆＃13;

＆＃13;

＆＃13;

Safari和Chrome都可以。但是Firefox有什么问题？是什么东西或什么不同的默认值？

Answer 1

很难预测浏览器行为。更接近的解决方案是使用行高。

div{
    line-height:1;
}

小提琴：http://jsfiddle.net/js23fefm/1/

Answer 2

我建议使用标准化CSS文件。有几个，我使用this。它应该使浏览器呈现更加一致的方式。