Разный размер отображаемых элементов HTML DOM на экранах 4K и FHD. ⇐ CSS

[Anonymous]

Я работаю над проектом и столкнулся с проблемой в Chrome. Понятия не имею, почему, но внутренняя высота отображаемого элемента DOM на экране 4K немного меньше, чем на стандартном разрешении 1920x1080. Простой тест, HTML-страница, содержащая только

Код: Выделить всё

Test

Этот элемент h3 на дисплее 4K:
[img]https://i .sstatic.net/0pjBwyCY.png[/img]

После перетаскивания окна Chrome на монитор FHD:


Внутренняя разница по высоте 0,7 пикселя. После добавления стилей CSS, чтобы обеспечить тот же размер:

Код: Выделить всё

line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0px;
margin: 0px;

Разница по высоте составляет 0,005 пикселя. 4K:


FHD:


Я знаю, что это немного, но этот проект предполагает создание PDF-файлов с использованием движка Chromium, и после большого количества строк разница в несколько пикселей. Я хочу обеспечить одинаковый результат в браузере и в выходном файле, независимо от размера окна. Изменение размера окна Chrome не влияет на отображаемую высоту.
Есть ли у кого-нибудь идеи о том, что может быть причиной этого и как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/793 ... fhd-screen