Как сделать так, чтобы картинка подменялась в соответствии с положением телефона?

Добрый день!
Делаю мобильную версию странички и застрял на моменте, когда мне нужно отображать 2 разные картинки.
1 картинка, когда устройство вертикальное и другая, когда устройство горизонтальное.
Подскажите!
  • Вопрос задан
  • 198 просмотров
Пригласить эксперта
Ответы на вопрос 3
agmegadeth
@agmegadeth
Веб-разработчик в дизайн студии
Попробывать:
@media only screen and (orientation: portrait) {
  background: XXXX;
}
@media only screen and (orientation: landscape) {
  background: XXXX;
}
Ответ написан
@devKazhan
Или просто задай нужную ширину
media only screen and (width:320px){
.bla: /path/to/img
}
media only screen and (width:620px){
.bla: /path/to/img
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы