I recently had to deal with this issue, you'd think this had to be solved by now. So as suggested on SO: https://stackoverflow.com/a/55003985 https://stackover

I recently had to deal with this issue, you'd think this had to be solved by now. So as suggested on SO: https://stackoverflow.com/a/55003985 https://stackoverflow.com/a/55003985, min-height: -webkit-fill-available; works exactly as intended in Safari (mobile and desktop), but unfortunately breaks in desktop Chrome for me, so I ended up putting it in a media query for mobile only.