css - IE8 字体大小切换到 :hover - Japanese lang only

Question

我有一个多语言页面，但只有日文版有问题。

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

更奇怪的是，这并不是在每次悬停时都会发生，有时我无法立即重现，我需要将鼠标悬停在页面同一区域的不同元素上。最终这个错误会抬起它丑陋的头。

这个bug只出现在日文页面，其他语言好像都没问题。

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

澄清一下，我没有对任何 :hover 规则进行任何字体大小更改。

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/

顶部链接包括处理它的方法。对于那些看不懂日语的人，我会总结一下:

---

该问题仅影响使用 MS P Gothic 显示页面的 IE8字体(通常是 Windows 上的默认日文字体)，字体大小介于 9px 和 11px 之间。与许多 IE 错误不同，它与 float /边距/行高/等无关。正如 Oldie 指出的那样，该错误并不一致，有时会立即发生，有时需要悬停几次，并且似乎随机放大/缩小文本。

三种主要的解决方案如下:

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

---

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

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