Блог Михаила Крамера. PHP и JS

Максимальная высота для любого устройства

На хроме в анроиде высота 100vh считается некорректно. Но есть небольшой трюк в JS и современном CSS, чтоб это решить

const appHeight = () => {
    const doc = document.documentElement
    doc.style.setProperty('--app-height', '${window.innerHeight}px')
}
window.addEventListener('resize', appHeight)
appHeight();
}
:root {
   --app-height: 100%;
}
.block {
   height: calc(var(--app-height) - 10px);
}

Найдено здесь. Есть и другой вариант, на ту же тему

Ваш комментарий
Комментарии