Как настроить на android правильный расчёт calc с использованием 100vh?

Question

[Evirel]

Добрый день. На мобильных устройствах необходимо, чтобы влезал iframe в высоту экрана..
использовала это:

let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
window.addEventListener('resize', () => {
   let vh = window.innerHeight * 0.01;
  document.documentElement.style.setProperty('--vh', `${vh}px`);
});

&__panorama{
        width:99%;
        height: 100vh; 
        height: calc(var(--vh, 1vh) * 100);
        display: block;
        margin: 0 auto;
        iframe{
            border:none;
            width: 99.8%;
            height: 75%;
        }
    }

но всё равно не работает на мобильных устройствах... помогите, пожалуйста((( на компьютерах всё нормально рассчитывается..

https://hi360v.com/virtual/cascad-by/

Comments

[Evirel]

и так попробовала не работает((

&__panorama{
        width:99%;
        height: 100vh;
        max-height: -webkit-fill-available;
        display: block;
        margin: 0 auto;
        iframe{
            border:none;
            width: 99.8%;
            height: -webkit-calc(100vh - 260px);
            height: -moz-calc(100vh - 260px);
            height: calc(100vh - 260px);
            max-height: -webkit-fill-available;
        }
    }

[ProjectSoft]

Evirel, без возможности прокрутки (скроллинг) сайта на мобильном.
Может ещё подумаете?

[Evirel]

ProjectSoft, а другого варианта нет, как отключить скрол*?

[ProjectSoft]

Evirel, да его у вас и так нет. Зачем скрывать то, чего нет.
Я с вашего сайта ушел, т.к. не смог ещё что-то посмотреть. Это естественное действие пользователя.
Поэтому решать вам, скрыть полностью возможность прокрутки, сделать кнопку для перехода к следующему пункту просмотра и т.п.
Это только моё имхо. Всё решать вам.

[Evirel]

ProjectSoft, то есть не смогли что-то посмотреть? мой вопрос в том, как сделать высоту iframe по экрану устройства, а не в том есть скролл или нет... меню полностью рабочее для переходов.. ваши комментарии мне не понятны. Если не знаете ответ на мой вопрос, не пишите бесполезные комментарии. Спасибо

[ProjectSoft]

Evirel, оно и понятно, что вы ничего не поняли...
По коду.
Поиск высоты шапки. 100vh - высота_шапки.
Уберите max-height и height. Здесь достаточно min-height.
У фрейма id="frame"

const frame = document.getElementById('frame');
frame.style.setProperty('--vh', `${vh}px`);

--vh - высота шапки.
Css

#frame {
    position: relative;
    min-height: calc(100vh - var(--vh));
    /** code **/
}

[Evirel]

ProjectSoft, спасибо огромное) извините, что не поняла вас сразу)