jQuery .css没有在Chrome中正确更改字体大小

时间:2012-03-09 23:20:38

标签: javascript jquery google-chrome font-size

这是我见过的最接近的: Changing font-size with jQuery css() function is crashing Chrome 但它没有帮助。

其他线程提到它是Webkit中的一个错误,但那些是旧线程,我在Webkit的网站上找不到错误报告。

问题是标题具有固定宽度的图片背景,导航菜单需要保持在该宽度内。我已经放弃了HTML或CSS方法来实现这一点。如果您知道,请分享。所以我使用了JavaScript(jQuery)。除了在Chrome中,它的效果相当不错。由于某些奇怪的原因,文本实际上会增加。

这是JSFiddle中的简化代码: http://jsfiddle.net/alininja/j4jD9/12/

这段代码的要点是这一行:

$('body').css('font-size',(content_size-1)+'px');

对于FireFox和Opera,文本大小会减小以适合标题宽度,但不会在Chrome中。

如果我在Chrome中运行JSFiddle一切正常,但有趣的行为会显示在实际的网站上。这种情况发生在Chrome 17.0.963.56上。

提前致谢!

1 个答案:

答案 0 :(得分:1)

如果您希望跨浏览器呈现一致性,那么涉及的不仅仅是设置font-size。您假设其他字体属性默认值(例如font-family)是相同的交叉浏览器,它们不是。

使用css重置将有助于