@SMBDD

Как зафиксировать вертикально сайт в мобильной версии?

Подскажите пожалуйста.
как зафиксировать сайт что бы в мобильной версии его нельзя было смотреть горизонтально.
Необходимо что бы он просматривался только вертикально.
  • Вопрос задан
  • 116 просмотров
Пригласить эксперта
Ответы на вопрос 2
aliencash
@aliencash
Партизан
Как вариант... Но 100% будут сложности с адаптивностью...
@media (orientation: landscape) {
   body {
      transform: rotate(-90deg);
   }
}
Ответ написан
@SMBDD Автор вопроса
Вот этот код вроде то что нужно ... но все на 1/2 экрана ,.. не так как в вертикальной
@media screen and (orientation:landscape) and (max-device-width: 900px) {
    html{
        -webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transform-origin: left top;
           -moz-transform-origin: left top;
            -ms-transform-origin: left top;
             -o-transform-origin: left top;
                transform-origin: left top;
        width: 320px; /*Разрешение экрана iPhone*/
        position: absolute;
        top: 100%;
            left: 0
    }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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