Невозможно получить пиксель совершенной высоты кросс-браузер

Question

У меня есть Firefox и Chrome, выстроенные рядом. У меня есть элемент h1 без вертикального заполнения или без вертикального поля для текстового элемента, который использует веб-шрифт. Я получаю разницу в один пиксель. Если я посмотрю на информацию Computed в firefox, а также на chrome, то они рассчитаны на 56 пикселей, но визуально есть некоторые дополнения для обоих из которых firefox - 1 пиксель. Есть какие нибудь идеи как это починить? Не удалось загрузить фотографию.

Answer 1

Ну, если вы действительно хотите, чтобы попасть в него, есть множество прямых FF только CSS вызовов, как вы используете целевой IE https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

Там один за края и дополнения, которые могут работать.

Answer 2

Вы должны были бы предоставить нам какое-то изображение или что-то еще, чтобы мы могли помочь вам. Но попробуйте использовать Normalize.css

http://necolas.github.io/normalize.css/

Answer 3

<style> 
* {margin: 0;padding: 0} 
body,html {height: 100%;width: 100%} 
    </style> 

добавить это к вашему стилю и все должны идти хорошо