Как подружить «height: 100vh» и навигационную панель на мобильных устройствах.

// Javascript
function calcVh() {
  let vh = window.innerHeight * 0.01;
  document.documentElement.style.setProperty('--vh', `${vh}px`);
}

window.addEventListener('resize', calcVh);
// SCSS
@mixin vh100 {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}

Добавить комментарий