Перейти к содержимому

Заметки IT

блокнот

Рубрика: css

Как подружить «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);
}

Автор romkamixОпубликовано 11.05.2020Рубрики css, javascript, mobile, scssДобавить комментарий к записи Как подружить «height: 100vh» и навигационную панель на мобильных устройствах.
  • Как подружить «height: 100vh» и навигационную панель на мобильных устройствах.
  • Расширение раздела в Centos 7
  • Включение отображение PHP-ошибок в htaccess
  • Обновление MariaDB 5 до MariaDB 10 в CentOS/RHEL 7
  • Ext4 — Настройка резервирования места
  • Linux Swap
  • Laravel. Debug queries
  • VestaCp phpMyAdmin htaccess
  • Laravel MariaDB: Specified key was too long error
  • Распаковка бэкапа
  • Обновление php5 до php7 / VestaCP, CentOS7
  • Shell-скрипт для скачивания wordpress на хостинг
Заметки IT Сайт работает на WordPress