Cześć,
to nic trudnego. W przypadku wysokości wartość podana w % nie zdaje rezultatu. Z pomocą przychodzą Viewport Units. Są to jednostki vw, vh, vmax, vmin. Za ich pomocą ustawisz wielkość elementu względem okna przeglądarki. Jeżeli ustawisz wysokość oraz szerokość elementu na 100vh, 100vw. To twój element na każdym urządzeniu (niezależnie od rozmiaru) będzie zajmował całą przestrzeń roboczą, czyli 100 x 100%. Tym samym uzyskasz efekt, który chciałeś. Tych jednostek nie trzeba używać tylko do nadawania wielkości elementom blokowym, możesz za ich pomocą określić wielkość czcionki.
Jeżeli miałbyś ochotę i minutę to tutaj podrzucam link do ciekawego artykułu.