Tengo un problema al hacer una altura completa modal de un dispositivo móvil. Pero no puedo obtener la altura real de la ventana gráfica de un dispositivo móvil. Suponiendo que hay un pie de página y un encabezado. Aquí, el pie de página tiene algunos botones, como el botón de retroceso, el botón de inicio y el botón de opciones. Y el encabezado es para url. Por supuesto, esos encabezados y pies de página son predeterminados en un navegador móvil.

En este caso, ¿cómo puedo obtener la altura de la ventana gráfica en modo vertical y horizontal?

He implementado así, pero en ese caso, tengo que desplazar el modal para ver el pie de página modal y el encabezado modal y no puedo ver el encabezado modal y el pie de página modal en modo horizontal (aquí el pie de página modal y modal-header es para modal, no para el navegador).

 .modal-body { height: calc(100vh - 2.15rem); background: white; padding: 1rem; position: relative; user-select: none; display: flex; }

Aquí 2.15rem es para relleno y tamaño de encabezado y pie de página de modal.

Quiero implementar esto solo con CSS . Pero si no hay forma de implementar esto con CSS, entonces javascript está bien.