cssについて質問です。要素の高さをデバイスの画面サイズの何割という形で固定したくてvhやsvh、lvh、dvhなどを試しているのですが、モバイル環境ではブラウザのアドレスバーなどが表示されたり非表示になるたびに要素が大きくなったり小さくなったりしてうまくゆきません。感覚的な視点でいえば、サイトを開いた時点で要素のサイズが決まり、そこから本格的にウィンドウのサイズを変更などしない限り要素のサイズは変わってほしくありません。https://drive.google.com/file/d/11FPw-iAyOhwKEs1gUX4SkkbBxxOj7Mwt/view?usp=drivesdk一応参考動画です。viewport系の解決策にはこだわりませんが、htmlとcssの組み合わせで実現できる解決方法を教えていただけると幸いです。