Автоматическое изменение размера графического баннера для соответствия формату div

Question

У меня есть баннер, который я хочу добавить на свой простой веб-сайт, вот что у меня есть

HTML

<div class="col-lg-12 main-banner">
          <a href="https://www.google.com">
            <img src="images/Test_09-17.png"></a>
      </div>

CSS

img{
    width: 100%;
    object-fit:contain;
}

Я хочу, чтобы изображение соответствовало элементу div, к сожалению, сейчас у меня мало места слева и справа.

Проверьте изображение:

Вопрос

Что не так с моим кодом?

Answer 1

Похоже, на вашем изображении есть отступы. (На основе зеленого справа и слева от вашего изображения.). Вы проверяли вычисляемый отступ для элемента изображения в вашем браузере?

Не имея возможности видеть HTML и CSS для страницы, я не могу быть уверен, однако.

Решение: По умолчанию была добавка из браузера или другого кода. Установка отступа на 0 решила проблему.