Защита от переворачивания устройства

#javascript #html #jquery #css

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

Ответы

Ответ 1

Сделайте ваш красивый блок с просьбой сменить ориентацию устройства (чтобы он был
всегда на весь экран и фиксированный, ну или как у вас по дизайну ).
Дайте ему display:none по умолчанию.   
Давайте display:block при нужной ориентации устройства 

@media screen and (orientation:portrait) { … }
@media screen and (orientation:landscape) { … }



https://www.w3.org/TR/css3-mediaqueries/#orientation