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

jQuery .css not changing font-size correctly in Chrome

本文关键字:字体 Chrome jQuery css      更新时间:2023-09-26

这是我见过的最接近的:使用jQuery css()函数更改字体大小会导致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上。

提前感谢!

如果您想要跨浏览器的表示一致性,那么不仅仅需要设置font-size。您假设其他字体属性默认值(如font-family)与跨浏览器的默认值不同。

使用css重置将有助于