CSS размер изображения отображается неправильно

Question

Первая загрузка

Я установил ширину 97px и высоту 58px. Но когда он впервые загружает (элементы, созданные jQuery) , я вижу в Chrome ширину 59,5 пикселей.

После того, как снимите флажок width, затем повторно установите его

Теперь отображается правильный размер.

Это проблема браузера? Как я могу это исправить?

• Google Chrome 74.0.3729.169 (официальная сборка) (64-разрядная версия)
• macOS 10.14.5

Answer 1

Попробуйте дать важные в CSS, как и использовать любой родительский div, который является статическим или имя класса которого вы знаете

div > img{
  width: 97px !important;
}

Answer 2

Я нашел хак, чтобы решить. Принудительное перерисовывание / обновление DOM в Chrome / Mac

После загрузки контента

setTimeout(function() {
    $('.parent img').hide().show(0);
}, 500);

Answer 3

Это связано с размером изображения.Если размер изображения уже соответствует желаемому, не меняйте размер изображения.Когда вы даете тот же размер, браузер пытается переопределить, и тогда возникает проблема (неправильный размер изображения).