Один сайт и две шапки сайта.

[Kozlov]

Здравствуйте! У меня вопрос, как, и с помощью каких html и css кодов можно сделать так, чтобы у мониторов с одним разрешением была одна шапка сайта, а у мониторов с другим разрешением была другая шапка сайта? То есть заходишь на сайт с компьютера, у которого разрешение экрана 320px одна шапка сайта. Заходишь на сайт с компьютера, у которого разрешение экрана 480px другая шапка сайта. Как это осуществить?
Заранее большое спасибо!

[Naive]

@media-query

[Kozlov]

Сообщение от Naive

@media-query

Я пробовал делать так:

@media (max-width: 320px) {
#logo img {
background: url (ссылка на шапку сайта);
}

Но ничего не меняется.

[Kozlov]

Объясните, пожалуйста, в чём проблема! Где я допускаю ошибку?

[Naive]

Сообщение от Kozlov

Объясните, пожалуйста, в чём проблема! Где я допускаю ошибку?

Честно, ты умудрился даже в этот маленький отрезок кода впихать столько взаимопротиворечащих ошибок, что я даже не знаю с какой стороны начать ржать...
Если не трудно, не мог бы ты заодно приложить верстку HTML и 3 скрина как у тебя это выглядит (как ты проверяешь) [<320], [=320] и [>320].
+ была бы интересна инспекция грузятся ли соответствующие изображения...

[Kozlov]

Сообщение от Naive

Честно, ты умудрился даже в этот маленький отрезок кода впихать столько взаимопротиворечащих ошибок, что я даже не знаю с какой стороны начать ржать...
Если не трудно, не мог бы ты заодно приложить верстку HTML и 3 скрина как у тебя это выглядит (как ты проверяешь) [<320], [=320] и [>320].
+ была бы интересна инспекция грузятся ли соответствующие изображения...

А какие именно я допустил ошибки? Буду благодарен!
Чтобы проверять, как выглядит определённое изображение на мобильной версии, я использую специальные сервисы. Изображение грузится.

[Kozlov]

Сообщение от Naive

Если не трудно, не мог бы ты заодно приложить верстку HTML и 3 скрина как у тебя это выглядит (как ты проверяешь) [<320], [=320] и [>320].
+ была бы интересна инспекция грузятся ли соответствующие изображения...

Ссылка на сайт: http://www.sekreti-komputera.ru
Показать вёрстку я не могу, так как сайт создан на конструкторе. Доступны лишь определённые файлы с кодами HTML - верхняя часть страницы, показ тем и т.д. Но могу показать окно с css кодами, вот:

Вот как сайт выглядит на айфоне 320x480px:

Как видно на скрине, шапка сайта выходит за экран и чтобы это исправить, я сделал вторую шапку сайта, но проблема в том, что у меня не получается на определённые экраны с определённым разрешением поместить эту шапку сайта.