Проблемы с размером шрифта при сравнении Chrome и Firefox

Я создал сайт, и проблема в том, что шрифт chrome display -size 1px больше, чем Firefox. Я пробовал несколько способов подобрать размер шрифта, указал его в пикселях, в% установил тело на 100%, а затем элементы на 0.875em . Ничего из этого не работает. Он по-прежнему отображает на 1 пиксель больше в chrome.

Это код, который я использую для font-sizes:

body {
  font-size: 100%;
}
* {
  margin:0;
  padding:0; 
  text-decoration: none; 
  font-family:helvetica, arial, sans-serif;
}
#geral {
  width:1000px; 
  margin:0 auto; 
  position:relative; 
  font-size:0.875em;
}

Где #geral обертывает весь сайт и в CSS нет другого оператора font-size, исходный код можно посмотреть в опубликованной мной ссылке.

Интересно, есть ли способ исправить это, или мне придется указывать разные размеры шрифта для каждого браузера?

29
задан Goose 16 March 2017 в 05:54
поделиться