跨浏览器的相同文本的不同宽度

时间:2014-03-20 10:33:55

标签: css cross-browser

Chrome(/ safari),FF和IE的文字宽度呈现方式不同。 Chrome和FF之间存在很大差异,而FF和IE之间只有很小的差距。您可以通过在浏览器中打开它来查看差异:http://jsfiddle.net/xhx9z/

是否有人知道是否有办法缩小差距,以便跨浏览器的宽度接近。

简单测试:

<span>this is a test of text width and see the difference across browsers<span>

$(document).ready(function() {
    alert($('span').width());
});

宽度的结果是:

chrome/safari: 501
FF: 519
IE: 520

2 个答案:

答案 0 :(得分:0)

如果您需要这些元素具有一定的大小,请不要让浏览器对其进行计算:强制您需要使用CSS。

答案 1 :(得分:0)

渲染文本取决于操作系统设置,使用的浏览器。 永远都会有所不同。 尝试另一种方法来解决上述问题。