在Chrome中,jQuery.css没有正确更改字体大小
jQuery .css not changing font-size correctly in Chrome
这是我见过的最接近的:使用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重置将有助于
相关文章:
- Chrome WebKitGetUserMedia
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- JQueryhide()不适用于Mozzilla,但适用于Chrome
- 在chrome.tabs.onCreated之后加载HTML页面
- chrome扩展中的navigator.geolocation.getCurrentPosition
- Firefox和Chrome的字体高度不同
- 如何在不下载的情况下将谷歌字体加载到chrome打包的应用程序中
- 为什么嵌入式谷歌地图会改变Chrome's字体呈现
- 字体在Safari上出现了很棒的链接问题,适用于Chrome和Firefox
- 在Chrome中,jQuery.css没有正确更改字体大小
- @font face在Chrome中无法呈现正确的字体系列
- 通过jQuery调整字体大小在Chrome和Safari浏览器上不起作用
- Chrome扩展字体大小
- 字体族在Chrome中不能正确读取
- Chrome和谷歌网页字体的问题.显示来自Firefox的不同输出
- 选择选项字体系列在MAC os(chrome和safari浏览器问题)和windows safari浏览器问题中不工作
- Css保持表格宽度保持不变,而用户按ctrl +在chrome上增加字体大小
- jQuery字体大小增加Chrome浏览器
- 最新的字体平滑技术的窗口Chrome和SEO
- 如何在IE, Firefox和Chrome中使用谷歌网页字体