Писать на форуме DIAFAN.CMS могут только зарегистрированные пользователи. Войдите или зарегистрируйтесь.

Форум Diafan.Cloud Начало работы Адаптивный шаблон


lс (logicclass) Сайт в Diafan.Cloud17 ноября, суббота

Добрый день!
Прошу подсказать в одном вопросе:
Имеется адаптивный шаблон. Можно ли реализовать, чтобы на десктопе, шапка отображалась с одним фоновым изображением, а на мобильных устройствах-с другим?
Заранее благодарен!

Simberto Media (universe) 6317 ноября, суббота

Да, можно. Почитайте о медиа-выражениях в css. Способ очень простой, в css указываете фоновое изображение для мобилу , потом медиа выражение для минимальной ширины экрана 991 или сколько вам надо, и фон указываете новый.
Спасибо сказали: lс (logicclass)

lс (logicclass) Сайт в Diafan.Cloud17 ноября, суббота

Спасибо!

Александр (capitan) 9217 ноября, суббота, редакция 17 ноября, суббота

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

Код
header {
background-image: url(...) ;
}


Код
@media (max-width: 767px) {
header {
background-image: url(...) ;
}
}

Simberto Media (universe) 6317 ноября, суббота

Я всё-таки настаиваю на подходе мобайл Фёрст)