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

【问题标题】：jQuery .css not changing font-size correctly in ChromejQuery .css 没有在 Chrome 中正确更改字体大小
【发布时间】：2012-03-27 09:20:21
【问题描述】：

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

问题是标题具有固定宽度的图片背景，导航菜单需要保持在该宽度内。我已经放弃了实现这一点的 HTML 或 CSS 方法。如果你知道任何，那么请分享。所以我求助于 JavaScript (jQuery)。它运行得相当好，除了在 Chrome 中。出于某种奇怪的原因，文本实际上变大了。

代码的要点是这一行：

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

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

如果我在 Chrome 中运行 JSFiddle，一切正常，但有趣的行为会出现在实际网站上。这发生在 Chrome 17.0.963.56 上。

提前致谢！

【问题讨论】：

【解决方案1】：

如果您想要跨浏览器的呈现一致性，则涉及的不仅仅是设置font-size。您假设其他字体属性默认值（例如 font-family）与它们不是相同的跨浏览器。

使用 CSS 重置会有所帮助

【讨论】：