Есть ли у VW и VH скрытый отступ?

Question

[Сергей Шилов]

Приветствую! Для глобального позиционирования блоков я использую единиицы измерения vw и vh, и заметил, что иногда есть погрешность в 1-2px, на скриншоте ниже верхний и нижний блок четко спозиционированы так, чтобы они соприкасались 1 точкой, но, как видно, верхний чуть длиннее нижнего. В чем может быть дело? Так не только с этими блоками.

Answer 1

[GreatRash]

При пересчёте в пиксели получаются дробные значения, которые округляются браузером по-разному.

Comments

[Сергей Шилов]

можно об этом подробнее? У меня есть значения десятичные

[GreatRash]

Сергей Шилов: Допустим у вас есть <div>, вы ему задали ширину 12vh. vh - это 1% от высоты окна. Представим, что окно у вас высотой 1080px (типа у нас fullHD). Пересчитываем в пиксели: 1080px * 12vh / 100% = 129.6px Браузер округлит до 130px.

Видимо у вас ширины обоих блоков округляются в большую сторону, отсюда разница в 2 пикселя.