Menu
So in iOS 6 and earlier, the nav bar at the bottom of Safari was fixed in portrait mode and didn't disappear. So if you wanted a 100% height document to be true full screen you had to add an extra 60px so that you could scroll it up and hide the address bar.
Now in iOS 7 with the disappearing nav bar and the resizing address bar, how would you go about creating a 100% height document? In other words, I want to be able to scroll the document up so that the nav bar disappears, the address bar resizes down to the mini version and the document height would then fill the remainder (window height minus 100px or so) so that you couldn't scroll any further.
222
iPhone X added extra height for the Home Bar to toolbars and tab bars and their sizes are unchanged from iOS 11: 83 points tall in portrait and 53 points tall in landscape.
You can choose the Safari app layout that works best for you. Depending on the layout, the search field appears at the top (Single Tab layout) or bottom (Tab Bar layout) of the screen. Go to Settings > Safari, then scroll down to Tabs. Select either Tab Bar or Single Tab.
It looks like the conventional method of simply adding the extra height still works, but now it seems the value to add is 69px instead of 60px.
158
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
