.my-element { height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */ height: calc(var(--vh, 1vh) * 100); }
// 最初に、ビューポートの高さを取得し、0.01を掛けて1%の値を算出して、vh単位の値を取得 let vh = window.innerHeight * 0.01; // カスタム変数--vhの値をドキュメントのルートに設定 document.documentElement.style.setProperty('--vh', `${vh}px`);