Возможно ли подстроить размер изображений так....

Всем привет.
Такая проблема:
У меня на сайте логотип размером 500х200 и раньше я его выводил так,

Но проблема в том, что если заходят с телефона у которого ширина экрана не привышает 500px то логотип отображается хорошо, а если с компьютера с шириной 1200px то картинка розлазится и стаëт не красивой. Но если я напишу ширину (width=500px) будет хорошо компам и плохо телефонам, а если (width=240px или вовсе 160px) будет не видно с компов. Как бы выкрутится? Можно ли как-то через условие к примеру?

Мне бы сделать условие типа: если (ширина экрана устройства= 240px). {
echo "<center><img src='/images/logo/logo.png' width=240px></center>";
}
если (ширина экрана устройства= 1200px). {
echo "<center><img src='/images/logo/logo.png' width=500px></center>";
}
И так далее...

Ап

У тебя не а сайте есть определение PC/Mobile ?

Или подскажи движок

Юзай:
<style>
.logo {
width: 240px;
}
@media screen and (min-width: 1019px) {
.logo {
width: 500px;
}
}
</style>

echo "<center><img src='/images/logo/logo.png' class='logo'></center>";

сделай еще один диз назви style1.css в него внеси все со старого.
В одном пиши сверху .logo и укажи ширину экрана тела, во втором под комп.
дальше открываешь файл head.php ну или как он у тебя и вставляй свое условие. Но вместо размера px укажи какой стиль выбирать и обязательно укажи стиль по умолчанию или сделай автоподгон под екран.

Зачем рукой трясти?… Мое сообщение - ответ

WebNovichok, Это пишем в хидер

<meta name='viewport' content='width=device-width; minimum-scale=1; maximum-scale=1'/>


Это логотип

<img src="logo.png" width="100%" alt="logo"/>

IvanDanilov, Спасибо :) Работает.

Тему закрыл WebNovichok!
Причина: Проблема решена