Различный размер шрифта - Chrome против Firefox

Question

Я работаю над проектом и заметил кое-что странное. Шрифт выглядит иначе в Chrome, чем Firefox. Вы можете лучше видеть на изображении ниже:

Как видите, между "помощью" и полем в chrome 33px, а в firefox 57px. У кого-нибудь есть идеи по этому поводу?

PS: размер шрифта: 14px; семейство шрифтов: Arial, Verdana, Sans-Serif; и я использую сброс CSS.

Answer 1

Я предполагаю, что вы используете Firefox версии 4 или ниже.Если да, то я считаю, что ваша проблема заключается в механизме рендеринга для Firefox версий 4 и ниже, он только что был исправлен в Firefox 5.

В основном Firefox 4 и ниже имеют различные измерения для единицы CSS, чтобыво всех других браузерах мне пришлось отказаться от шрифтов из-за такого противоречивого поведения в прошлом.

Ознакомьтесь с разделом "Согласованные единицы CSS" на странице технических характеристик Mozilla Firefox для версии 5

Надеюсь, это поможет вам

Answer 2

запустите ваш документ CSS с

* { 
      padding:0px;
      margin:0px;
}