Принудительный ландшафт с CSS не отображается на iOS - PullRequest
Новая
       8

Принудительный ландшафт с CSS не отображается на iOS

0 голосов
/ 20 мая 2019

Я разработал веб-сайт для агентства, и я на финальной стадии.
В первые 2-3 раза, когда сайт открывается, необходимо показать видео агентства.На десктопе это легко достижимо, в то время как в мобильной версии мне пришлось использовать альбомную ориентацию.Я сделал это с помощью CSS: 

    <style id="delete-style">

<style id="delete-style">
@media(max-width:768px){
html {
      -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transform-box: fill-box;
    width: 100vh;
    width: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
     -webkit-perspective: 500px!important;
  }
}
</style>

Это скрипт для расчета доступного пространства 

let vh = window.innerHeight * 0.01;

document.documentElement.style.setProperty('--vh', `${vh}px`);

При нажатии кнопки X этот стиль удаляется, и веб-страница возвращается в нормальное состояние.Все хорошо работает на устройствах Android.Вопрос на iOS.Я попробовал несколько вещей, но не могу это исправить.Какие-нибудь мысли?

Видео показывает только 2 раза, когда вы впервые посещаете Интернет, и вам нужно очистить локальное хранилище, чтобы снова посмотреть видео.на мобильных устройствах просто переходите в режим инкогнито / приватный просмотр.Заранее спасибо.

https://ogilvy.al это сайт

...