Как убрать дробь в размере картинки?

Question

[Anvario0]

Есть картинка шириной 484 пикселя, но когда загружаю в документ, то ширина показывается как 484.008. Казалось бы, не велика разница, но это мне сбивает flex-контейнер. Жёстко задать ширину я не могу, так как пишу компонент на React и предполагается, что ширина пластична и зависит от ширины картинки, но эти сотые и тысячные доли всё портят. Есть ли какое-то решение?

Comments

[Ankhena]

Я бы начала с проверки масштаба в браузере и операционке.

Если там всё ок, то сделала бы песочницу с видимой проблемой, чтобы было, что показать.

И помнить о том, что картинкам хорошо бы задавать атрибуты width и height, даже адаптивным, даже если в процессе они будут представлять собой только пропорции, а не истинные размеры.

[Lynn «Кофеман»]

Код и картинку в студию

Answer 1

[alexalexes]

Это вычисленные значения свойства. Если свойство задано не в пиксельных значениях, то браузер не обязан ставить вычисленные значения в целых единицах.

Есть ли какое-то решение?

Ограничивать по min-width и max-width свойству.