Неделимый пиксель в CSS
Часто можно встретить формулировку: «Пиксель неделим, указывайте только целые значения. 16.5px — зло, пишите 17px».
Да, если вам хочется написать 10.5px просто «для красоты» — лучше остановитесь и проверьте себя. Но если логика вёрстки реально требует половинки (мелкие детальки или в анимациях) — спокойно используйте.
Почему? Потому что мы каждый день пишем в коде конструкции вроде:
repeat(3, 1fr)33%0.8em
А браузер всё равно пересчитывает эти значения в пиксели. И далеко не всегда они получаются целыми. Просто мы этого не видим (пока не заглянем в DevTools), а движок внутри аккуратно справляется дробными значениями с последующим сглаживанием.
Хочу поделиться статьей Николая Шабалина, где он детально и с примерами разбирает, как на самом деле браузер работает с CSS-пикселями, когда округляет, а когда — рисует «честную» половинку: Атом = Пиксель