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

219

18 июля 2017, 18:00

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

Answer 1

Сделайте ваш красивый блок с просьбой сменить ориентацию устройства (чтобы он был всегда на весь экран и фиксированный, ну или как у вас по дизайну ).
Дайте ему display:none по умолчанию.
Давайте display:block при нужной ориентации устройства @media screen and (orientation:portrait) { … } @media screen and (orientation:landscape) { … }

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