IOS растягивает изображение

Question

У меня есть lo go на моем сайте. Код выглядит следующим образом:

footer .logo {
  margin: 1px auto 26px auto;
  width: 150px;
}

<footer>
  <div id="footer" class="container">
    <div class="row">
      <img class="logo" src="logo.png">
    </div>
  </div>
<!-- more content here -->
</footer>

Ради вопроса я заменяю lo go бананом.

На рабочем столе выглядит хорошо, android и моделируемые ios устройства: как должно выглядеть изображение Но в реальных ios устройствах что-то происходит, чего не происходит в симуляторах: как оно выглядит на реальном ios устройство

Похоже, что на устройстве IOS изображение каким-то образом увеличивается, а затем сжимается до ширины 150 пикселей. Странно, что это единственное изображение, которое ведет себя так из всех изображений на сайте.

Знаете ли вы, что может быть причиной или как это исправить?

Answer 1

Оказалось, что div.row был виновником, как и display: flex. Изменение на display: block исправило это.

Answer 2

попробуй с max-width

footer .logo {
  margin: 1px auto 26px auto;
  max-width: 150px;
}