IE8 字体大小在 :hover 上切换 - 仅限日语语言

Posted 2023-03-06

【中文标题】IE8 字体大小在 :hover 上切换 - 仅限日语语言

【英文标题】：IE8 font-size toggles on :hover - Japanese lang only

【发布时间】：2012-03-12 22:12:58

【问题描述】：

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

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

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

这个错误只出现在日文页面，其他语言似乎都没有问题。

这可能发生在其他版本的 Internet Explorer 上，我还没有全部测试过。

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

【问题讨论】：

我对IE或hover规则了解不多，但是很多浏览器允许你在浏览器设置中定义一个默认字体，而一个不同的亚洲语言默认字体.也许您的亚洲默认字体比西方默认字体大？

发布一些代码或指向您网站的链接，以便我们查看。

等一下。在家里我会拿我的水晶球告诉你未来:)

@dhinesh--你发布了一个赏金，但这里仍然没有足够的信息来给出答案。需要代码，或者 jsfiddle 重现问题。 Oldie 也没有提供。

人工检查：设置行高或方向或尝试更改字体系列

【参考方案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 上的默认日文字体）且字体大小介于 9 像素和 11 像素之间的页面。与许多 IE 错误不同，它与浮动/边距/行高/等无关。正如 Oldie 所指出的，这个 bug 并不一致，有时它会立即发生，有时它需要悬停几次，并且似乎随机放大/缩小文本。

三种主要解决方案如下：

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

---

我选择 #2 是因为 MS Gothic 与所有其他 MS P Gothic 文本相比显得不和谐，并且觉得 #3 对我们的网站有明显的劣势。

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

【讨论】：

@Manmaru：感谢您提供这些宝贵的信息，会尝试一下并让您知道。 button的font-size是10px或者11px，就会出现这个问题。

@ManMaru：问题解决，获得赏金！使用#2 方法。我会放弃 100 票，但这是不允许的。非常感谢。

@ManMaru，感谢您的详细回答。在对自己进行了一些挖掘之后，我发现了一篇建议相同修复的文章。然后我将此信息传递给相关团队，并且没有再次提到该错误。所以我认为它已经解决了。

你是一个救生员！这也对我有用！另外，与#2一起去！