CSS 100vh is too tall on mobile due to browser UI

Question

What is the best way to solve this issue. Obviously all browsers on mobile have got a UI (address bar etc) at the top. This adds additional height to the viewport, so my website

Answer 1

The accepted answer didn't work for me. I had to make two adjustments:

• use document.body.style.height instead of document.body.height

• add 'px' to the end of window.innerHeight

  document.body.style.height = ${window.innerHeight}px;