IE8 font-size schaltet ein: hover - Nur Japanisch lang

8

Ich habe eine Seite, die mehrsprachig ist und ich habe nur ein Problem mit der japanischen Version.

Aus irgendeinem Grund wird in IE8, wenn ich den Mauszeiger über ein Element halte, die Schriftgröße eines Geschwisters erhöht / verringert.

Noch seltsamer ist, dass dies nicht bei jedem Hover passiert, manchmal kann ich nicht sofort reproduzieren, ich muss ständig über verschiedene Elemente im selben Bereich der Seite schweben. Irgendwann wird dieser Bug seinen hässlichen Kopf wieder aufrichten.

Dieser Fehler tritt nur auf der japanischen Seite auf, alle anderen Sprachen scheinen in Ordnung zu sein.

Das könnte bei anderen Versionen von Internet Explorer passieren, ich habe nicht alle getestet.

Um zu verdeutlichen, habe ich keine Änderungen in der Schriftgröße an irgendwelchen: Hover-Regeln.

    
Oldie 22.02.2012, 15:01
quelle

1 Antwort

16

Ich arbeite für eine japanische Seite und stieß kürzlich auf dieses Problem. Nachdem ich mehr Zeit verbracht habe, als es vernünftig war, fand ich die Antwort aus diesen detaillierten Berichten auf Japanisch:

Der obere Link enthält die Möglichkeiten, damit umzugehen. Für diejenigen, die Japanisch nicht lesen können, fasse ich zusammen:

Das Problem betrifft nur IE8, das Seiten mit der Schriftart MS P Gothic (in der Regel die japanische Standardschriftart unter Windows) mit einer Schriftgröße zwischen 9px und 11px anzeigt. Im Gegensatz zu vielen IE-Bugs hat das nichts mit floats / margins / line-height / etc zu tun. Wie Oldie darauf hingewiesen hat, ist der Fehler nicht konsistent, manchmal passiert es sofort und manchmal dauert es ein paar Schweber, und es scheint, den Text nach dem Zufallsprinzip zu vergrößern / verkleinern.

Die drei primären Lösungen lauten wie folgt :

  1. Setzen Sie die Schriftart auf MS Gothic oder eine andere japanische Schrift mit font-family style.
  2. Ändern Sie die Schriftgröße so, dass sie außerhalb des Bereichs 9px ~ 11px liegt. (Unter den standardmäßigen IE8-Schrifteinstellungen ist 1em size nicht betroffen, aber etwas kleinerer Text (z. B. 0.8em ) betroffen sein).
  3. Erzwinge IE8, um die Seite so anzuzeigen, als wäre es IE7, indem Sie in der Kopfzeile Folgendes hinzufügen:
    <meta http-equiv="X-UA-Compatible" content="IE=7" />

Ich ging mit # 2, weil MS Gothic neben allen anderen MS P Gothic -Schriften schrill wirkte und # 3 deutliche Nachteile für unsere Seite hatte.

Es ist keine ideale Lösung, aber es funktioniert. Viel Glück.

    
Manmaru 23.03.2012 09:58
quelle