这是我见过的最接近的: 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上。
提前致谢!
答案 0 :(得分:1)
如果您希望跨浏览器呈现一致性,那么涉及的不仅仅是设置font-size
。您假设其他字体属性默认值(例如font-family
)是相同的交叉浏览器,它们不是。
使用css重置将有助于