Это сводит меня с ума. Текст Firefox на 1px ниже, чем в Chrome и т.д. Это не проблема с полями или отступами в html или теле, попробовал это. Кажется, это не проблема округления. Вот изображение:
Первый «Hello» — это Firefox 13, второй «Hello» — это IE9, а «Hello World» — это Chrome.
Вот код (довольно простой):
Pixel Bug?
Hello World!
Hello World 2!
Это просто ошибка? Что здесь происходит? Я не хочу работать только с FireFox, я просто хочу понять, почему это происходит.
РЕДАКТИРОВАТЬ:
При дальнейшем исследовании кажется, что это ошибка рендеринга, но это все еще смущает меня. Например, высота текста должна быть 24 пикселя. Что на самом деле не должно вызывать ошибок округления, которые могут вызвать это. Тем не менее, если я явно изменю высоту строки на 23 пикселя, она выровняется. Понятия не имею почему.
EDIT2:Возможная причина? https://bugzilla.mozilla.org/show_bug.cgi?id=442139
EDIT3:Строки с использованием шрифта 20px и высоты строки 40px. Заставляет меня думать, что это просто ошибка рендеринга. Это отстой, потому что 16/24 довольно стандартно :/