iOS Safari Full Height Bug Fix

With some page transitions and full-surface background DIVs, I've noticed that Safari has quite a few problems interpreting the VH unit correctly on iOS devices such as the iPhone. What we often mean by VH is that it should represent an element at the full height of the browser. On iOS, however, we have a movable tab bar at the bottom, which disappears as soon as the site visitor scrolls. It only reappears when scrolling upwards. That is why 100vh is often not equal to the full amount. The better solution here is to use 100% and avoid using vh. In the video, I'll show you how.