Размер шрифта отличается в браузерах -webkit и -moz

Question

Проверьте это jsfiddle

Почему существует разница в размере средства выбора даты, когда font-size установлен на 1.5em? Количество их не важно. Я пробовал разные размеры шрифта, и у меня все та же проблема. Красное поле установлено на 460 пикселей и позволяет увидеть разницу в размерах средства выбора даты в Firefox и Chrome / Safari.

Редактировать: я уже пробовал использовать px вместо em

Answer 1

Firefox использует DirectWrite для рендеринга текста, а Chrome - нет.

Это является причиной немного отличающегося размера отображаемого текста.

Невозможно сделать текст с точностью до пиксела одинакового размера между двумя браузерами.

Читать это: http://www.basschouten.com/blog1.php/font-rendering-gdi-versus-directwrite

И это, особенно 1014 * раздел «Различия намеков и расстояний»: http://blog.mozilla.com/nattokirai/2011/08/11/directwrite-text-rendering-in-firefox-6/

Answer 2

Поскольку 1.5em не является точным размером и зависит от того, какой браузер решит использовать соответствующие метрики шрифта.

Если вам нужен точный размер, используйте px или точки.