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



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

由于某些原因,在IE8中,当我将鼠标悬停在一个元素上时,同级的字体大小会增加/减少。

更奇怪的是,这种情况并不是每次悬停都会发生,有时我无法立即复制,我需要一直悬停在页面同一区域的不同元素上。最终,这只虫子会露出丑陋的脑袋。

这个错误只出现在日语页面上,所有其他语言似乎都很好。

这可能发生在其他版本的Internet explorer上,我还没有在所有版本上进行测试。

为了澄清,我没有对任何:悬停规则进行任何字体大小更改。

我在一个日本网站工作,最近遇到了这个问题。在花费了超出合理的时间之后,我从这些详细的日语文章中找到了答案:

  • 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所指出的,这个错误是不一致的,有时它会立即发生,有时会悬停几下,而且它似乎会随机放大/缩小文本。

三种主要解决方案如下

  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对我们的网站有明显的缺点。

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