How one developer got around the iPhone X's website letterboxingIf you like to view websites in landscape mode on your iPhone and are planning on getting the iPhone X, you might notice some white bars pop up on the sides of your device when you're surfing the web on that phone in a couple of months. One developer has found a solution that other developers can use to keep their websites from showing these bars when visitors head to their sites.
From Stephen Radford:
The new iPhone X features a beautiful edge-to-edge display. Well, almost. There is the small issue of a notch at the top of the browser which doesn't cause an issue when viewing websites in portrait but by default does cause some issues in landscape.
To accommodate the notch iOS 11 constrains websites within a "safe area" on the screen. On most websites this results in letterboxing on the left and the right.
Thankfully there are two simple fixes that can be made to solve this letterboxing.
Radford suggests using background-color to force the bars to adopt the same colo...
Source:
How one developer got around the iPhone X's website letterboxing
