HTML: как отображать страницу на мобильном только в вертикально?

Question

[Millerish]

Добрый день!

Подскажите, как эмитировать для страницы событие поворота экрана? Мне нужно реализовать, что бы при разрешении менее 1000 сайт был не горизонтально, а вертикально вне зависимости от положения устройства.

Я кажется что-то читал в hml5, но что-то не могу найти сейчас.

Банальным ротейтом дело не решить, страница тяжелая и писалась не мной, при ротейте из консоли блоки перестают влазить в экран, а при эмуляции поворота - все ок.

Answer 1

[Михаил Захаров]

Это тебе не js, а обычный css3 надо. Копай в сторону медиа-запросов. Конкретный пример:

@media screen and (orientation: landscape) { 
  #logo { background: url(logo1.png) no-repeat; }
}
@media screen and (orientation: portrait) { 
  #logo { background: url(logo2.png) no-repeat; }
}