У меня есть страница, которая отображается нормально, в FF (3x, 4x), Chrome, IE (6, 7, 8).
При тестировании на IE9 тексты шире.При исследовании проблемы выясняется, что текст на самом деле визуализируется, причем буквы более пространные, чем в других браузерах.
При изменении межбуквенного интервала на -0.6px текст отображается нормально, как и в других браузерах.Также при изменении режима рендеринга на «Представление совместимости» страница выглядит просто отлично.
Знаете ли вы, что послужило причиной изменения в режиме рендеринга?
Я «решил» проблему с помощьюусловный комментарий, но я не очень рад этому
<!--[if IE 9]>
<style>
* {letter-spacing: -0.6px;}
</style>
<![endif]-->
Существуют ли другие способы для решения проблемы?
Редактировать
Я сделал несколько скриншотов на разных машинах и в разных браузерах, и результат можно увидеть здесь
Как видите, на разных машинах с разными браузерами результат одинаков.Единственный, который отображает по-другому, это IE9 в стандартном режиме.исходная страница
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
body {margin:0;padding:0;}
</style>
</head>
<body>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc semper.
</body>
</html>