firefox 的不同文本对齐行为

Question

就像

一样简单

body{
    padding:0;
    margin:0;
}

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

Safari 和 Chrome 都可以。但是 Firefox 有什么问题呢？它是某物的不同默认值还是什么？

Answer 1

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

div{
    line-height:1;
}

Fiddle: http://jsfiddle.net/js23fefm/1/

Answer 2

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