У меня есть страница, которая отображает ok, в 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>