自适应全屏区域模式

1.fullscreen-section {
2  height: calc(var(--vh, 1vh) * 100); /* Fallback if --vh is not set */
3}

用于正确计算并设置视口高度的 JavaScript

1window.addEventListener('resize', () => {
2  document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`);
3});
4
5// Call on load as well
6window.dispatchEvent(new Event('resize'));