IE8字体大小切换：悬停 - 仅限日语 [英] IE8 font-size toggles on :hover - Japanese lang only

问题描述

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

更奇怪的是，这不会发生在每一个悬停，有时我不能立刻重现，我需要保持悬停在页面同一区域的不同元素上。最后，这个bug会让它变得丑陋。

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

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

澄清，我没有任何字体大小的变化：悬停规则。

解决方案

我在日本的网站工作，最近遇到了这个问题。在花费了更多的时间之后，我发现了这些日文详细的答案： //freesoft.tvbok.com/sonota/ie8-fontsize.html\">http://freesoft.tvbok.com/sonota/ie8-fontsize.html

< a href =http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/> http://social.technet.microsoft.com/论坛/ ja-JP / internetexplorerja / thread / 70d700f4-0bda-48b1-9476-d31993b7cbf4 /

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

---

该问题仅影响使用<$ c显示页面的IE8 $ c> MS P Gothic 字体（通常是Windows上的默认日文字体），字体大小在9px到11px之间。与许多IE bug不同，它与float / margin / line-height /等无关。正如Oldie指出的那样，这个错误并不一致，有时会立即发生，有时需要一些盘旋，而且似乎随机地放大/缩小文本。

三个主要解决方案如下：

1. 将字体设置为 MS哥特式或其他一些日文字体，使用 font-family style。


2. 更改字体大小<默认IE8字体设置下， 9px 〜 11px 范围（ 1em 大小的文字不会受到影响，但稍小的文字（例如， 0.8em ）会受到影响。）


3. 力IE8通过在标题中添加以下内容来显示页面，就好像它是IE7：
   < meta http-equiv =X-UA兼容content =IE = 7/> ;
   





---

因为 MS Gothic 在所有其他 MS P Gothic 文本旁边看上去有些不和谐，感觉＃3对我们的网站有明显的不利之处。

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

I have a page that is multi lingual and I have an issue with the Japanese version only.

For some reason in IE8, when I hover over an element, a sibling's font-size will increase/decrease.

Even stranger, is that this doesn't happen on every hover, sometimes I cannot reproduce straight away, I need to keep hovering over different elements in the same area of the page. Eventually this bug will rear its ugly head.

This bug only occurs on the Japanese page, all other languages seem to be fine.

This could be happening on other versions of Internet explorer, I haven't tested on all.

To clarify, I have not got any font-size changes on any :hover rules.

解决方案

I work for a Japanese site and recently came across this issue. After spending more time than was reasonable, I found the answer from these detailed write-ups in Japanese:

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

The top link includes the ways to deal with it. For those who can't read Japanese I will summarize:

---

The problem only affects IE8 showing pages using the MS P Gothic font (generally the default Japanese font on Windows) at a font-size that is between 9px and 11px. Unlike many IE bugs, it has nothing to do with floats/margins/line-height/etc. As Oldie has pointed out, the bug is not consistent, sometimes it happens right away and sometimes it takes a few hovers, and it seems to enlarge/shrink the text randomly.

The three primary solutions are as follows:

1. Set the font to MS Gothic or some other Japanese font using font-family style.
2. Change the font size to be anything outside the 9px ~ 11px range (Under the default IE8 font settings, 1em sized text will not be affected, but slightly smaller text (eg, 0.8em) will be affected).
3. Force IE8 to display the page as if it was IE7 by adding the following in the header:
   <meta http-equiv="X-UA-Compatible" content="IE=7" />
   

---

I went with #2 because MS Gothic looked jarring next to all the other MS P Gothic text, and felt #3 had clear disadvantages for our site.

It's not an ideal solution, but it works. Best of luck.

这篇关于IE8字体大小切换：悬停 - 仅限日语的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！