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

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

苏州实时公交查询

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

解决方法一(推荐)

给页面头部加上

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

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

解决方法二

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

.demo{letter-spacing:1px \9}

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

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