Как сделать чтобы на мобильной версии адаптива сохранялась высота как на десктопной версии?
При тестах через девтулс высота вьюпорта как я понял съедается если открыть не с десктопа, на мобилке открывал тоже ломается, в стилях работал % и px, не понимаю как это пофиксить...
скрипт на открытие и закрытие последнего блока с формой тоже слетает из за этого.
опубликованная работа по ссылке: https://hocus-coding.github.io/myProfile/
ProjectSoft, не совсем вашу мысль понимаю, я знаю как работает height и vh, я пробовал раннее строить высоту крупных блоков и этими единицами, включая <html>, так не работает...
Можете расписать чуть шире что вами имелось ввиду?
Не уверен, но видимо высота контента, изначально она у меня 100% (у блоков родителя), но мобильные девайсы её считывают по другому(моя догадка) и контент последнего блока с формой уезжает вверх за экран, либо он вовсе не открывается поскольку перестает работать скрипт
let pageHeight = page.clientHeight;
let scrollH = page.scrollHeight;
let scrolled = page.scrollHeight - top;
function comparison() {
let arr = [
parseInt(scrolled),
parseInt(scrolled) + 1,
parseInt(scrolled) - 1,
];
return arr.includes(pageHeight) ? true : false;
}
if (comparison()) {
popup.classList.add('form__container--show');
footer.classList.remove('main-footer--hidden');
console.log(pageHeight);
console.log(scrolled);
} else {
console.log(pageHeight);
console.log(scrolled);
popup.classList.remove('form__container--show');
footer.classList.add('main-footer--hidden');
}
2 из 3 моб браузеров не отображают и если принять то, что скрипт работает всегда и везде, то скорее всего дело в .form__container--show , мб можно заменить height: 100%; на height: 100vh;
Средний
