IE8字体大小切换为:悬停 - 仅限日语

Question

我有一个多语言的页面,我只有日语版本的问题.

出于某种原因,在IE8中,当我将鼠标悬停在某个元素上时,兄弟的字体大小会增加/减少.

更奇怪的是,每次悬停都不会发生这种情况,有时候我无法立即重现,我需要继续在页面的同一区域内盘旋不同的元素.最终这个bug会让它变得丑陋.

此错误仅发生在日语页面上,所有其他语言似乎都没问题.

这可能发生在其他版本的Internet Explorer上,我还没有测试过.

为了澄清,我没有任何字体大小的变化:悬停规则.

Answer 1

我在日本网站工作,最近遇到了这个问题.花了比合理时间更多的时间后,我从日语中找到了这些详细报道的答案:

• http://freesoft.tvbok.com/sonota/ie8-fontsize.html
• http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/

顶部链接包括处理它的方法.对于那些不懂日语的人,我将总结:

该问题仅影响IE8显示使用MS P Gothic字体(通常是Windows上的默认日语字体)的页面,字体大小介于9px和11px之间.与许多IE错误不同,它与浮点数/边距/行高/等无关.正如Oldie指出的那样,这个bug并不一致,有时它会立即发生,有时需要一些徘徊,而且它似乎会随机扩大/缩小文本.

三个主要解决方案如下:

1. MS Gothic使用font-family样式将字体设置为或其他日语字体.
2. 将字体大小更改为9px〜11px范围之外的任何内容(在默认的IE8字体设置下,1em大小的文本不会受到影响,但会略微缩小文本(例如0.8em)).
3. 强制IE8通过在标题中添加以下内容来显示页面,就像它是IE7一样:
   <meta http-equiv="X-UA-Compatible" content="IE=7" />
   

我选择了#2,因为MS Gothic在所有其他MS P Gothic文本旁边看起来很刺耳,感觉#3对我们的网站有明显的缺点.

这不是一个理想的解决方案,但它确实有效.祝你好运.