IE9中字体设置粗体后字间距变小的Bug解决方案

2014-04-17阅读(4259)评论(0)牵着狗狗看MM

苏州实时公交查询

首先看下CHROME下的效果
chrome
可以看到是192px*33px
再来看IE9下的效果
ie9
是188.49px*34px,这里忽略高度问题..
这个是IE9下的一个BUG,即字体设置粗体后,字间距会变小。

解决方法一(推荐)

给页面头部加上

[html]<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
[/html]

使打开时页面强制用IE7模式渲染

解决方法二

如果你的页面需要用到圆角等属性的话
可以设置粗体部分使用

[css].demo{letter-spacing:1px \9}
[/css]

不过这样写的话,会使子间距变的比预期的大。

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » IE9中字体设置粗体后字间距变小的Bug解决方案
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏