Как адаптировать картинку на сайте для любых устройств?

Question

[nazar_404]

На сайте есть логотип в виде картинки. В браузере он нормально отображается и при ресайзе, и при тестировании на различных устройствах. Когда захожу на сайт со своего телефона (iphone se) выглядит все тоже корректно. Но на телефоне заказчика логотип растягивается на всю ширину экрана.
Есть

<meta name="viewport" content="width=device-width, initial-scale=1.0">

html:

<a href="">
<div class="logo">
<img class="logo__img" src="img/logo.png" alt="">
</div>
</a>

css:

.logo {
	max-width: 250px;
}

.logo__img {
	width: 100%;
}

Так же, написаны медиазапросы:

@media screen and (max-width: 991px) {

	.logo {
		max-width: 200px;
	}
}

@media screen and (max-width: 767px) {
	.logo {
		max-width: 150px;
	}
}
<code>

Comments

[Mesuti]

Заказчик чистил кеш браузера?
Какой у него телефон и браузер?

[Ankhena]

Скорее всего кеш стилей. Чтобы не заставлять чистить кеш заказчика, измените версию файла стилей

<link rel="stylesheet" href="themes/sitist/css/style.css?v123" >

После знака вопроса любую версию или дату или вообще что угодно.

p.s. div вообще лишний и лого хорошо был в svg

<a class="logo" href="">
  <img class="logo__img" src="img/logo.png" alt="">
</a>

[nazar_404]

Ankhena, Спасибо вам огромное! Действительно, проблема была с кэшем.