IE8 размер шрифта включает: hover - только японский язык - PullRequest
Новая
       21

IE8 размер шрифта включает: hover - только японский язык

8 голосов
/ 22 февраля 2012

У меня есть многоязычная страница, и у меня проблема только с японской версией.

По какой-то причине в IE8 при наведении курсора на элемент размер шрифта родного брата будет увеличиваться / уменьшаться.

Даже странно, что это происходит не при каждом наведении, иногда я не могу воспроизвести сразу, мне нужно постоянно зависать над различными элементами в одной и той же области страницы. В конце концов этот баг поднимает свою уродливую голову.

Эта ошибка возникает только на японской странице, все остальные языки выглядят нормально.

Это может происходить в других версиях Internet Explorer, я не проверял на всех.

Чтобы уточнить, я не получил никаких изменений размера шрифта ни по одному из правил наведения.

1 Ответ

16 голосов
/ 23 марта 2012

Я работаю на японском сайте и недавно столкнулся с этой проблемой.Потратив больше времени, чем было разумно, я нашел ответ на эти подробные статьи на японском языке:

В верхней ссылке указаны способы борьбы с ней.Для тех, кто не умеет читать по-японски, я подведу итог:

Эта проблема затрагивает только IE8, отображающий страницы с использованием шрифта MS P Gothic (обычно это японский шрифт по умолчанию в Windows) с размером шрифта, равныммежду 9px и 11px.В отличие от многих ошибок IE, это не имеет ничего общего с float / margins / line-height / etc.Как указал Олди, ошибка не является последовательной, иногда она возникает сразу, а иногда требуется несколько движений, и кажется, что текст произвольно увеличивается / уменьшается.

Три основных решения::

  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 имели явные недостатки для нашего сайта.

Это не идеальное решение, но оно работает.Желаем удачи.

...