Мобильная версияЯ не эксперт по CSS и немного затрудняюсь с этой задачей.
Рассмотрим этот сайт
В настоящее время изображение логотипа имеет удобный размер для мобильных устройств, но выглядит слишком маленьким для браузера настольного компьютера.
Если я изменю размер, чтобы он хорошо выглядел в браузере на настольном компьютере, он не уменьшится для мобильных устройств и, следовательно, сместится вправо.
Я думаю, что это настройки CSS, но, конечно, открыты для дальнейших инструкций.
Итак, размер изображения составляет 3800 X 1200.
Я ДУМАЮ, что фактический стиль изображения должен оставаться на уровне 100 % и не превышать 240 пикселей. Эти настройки сделают его приемлемым для мобильных устройств, но слишком маленьким для настольных компьютеров.
@media (минимальная ширина: 240 пикселей) .header-logo a img { максимальная ширина: 100%; } .... @media (минимальная ширина: 240 пикселей) .header-logo а { отображение: встроенный блок; /* ширина: 195 пикселей; */ высота: 118 пикселей; высота строки: 0; фоновый повтор: без повтора; } Если я изменю настройки, то он будет отлично смотреться на настольном компьютере и резко увеличиваться (без динамического изменения размера) на мобильном телефоне?
