CSS 100vh is too tall on mobile due to browser UI : <p>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 which is using 100vh is missing a section. </p>

<p>I'd assume different browsers have different sized viewports due to this, I could simply do something like <code>height: calc(100vh - 50px)</code> or what ever the height is, but it won't match up on all mobile browsers right? </p>
