Connect with us

How one developer got around the iPhone X’s website letterboxing

Apple News

How one developer got around the iPhone X’s website letterboxing

In case you love to view web pages in panorama mode to your iPhone and are making plans on getting the iPhone X, it's possible you'll realize some white bars pop up on the aspects of your tool when you find yourself browsing the internet on that phone in a few months. One developer has discovered an answer that different developers can use to stay their web pages from appearing those bars when guests head to their websites.

From Stephen Radford:

The brand new iPhone X includes a stunning edge-to-edge show. Neatly, virtually. There may be the small factor of a notch at the height of the browser which does not purpose a subject when viewing web pages in portrait however through default does purpose some problems in panorama.

To deal with the notch iOS 11 constrains web pages inside a "protected house" on the display. On maximum web pages this ends up in letterboxing on the left and the proper.

Fortunately there are two easy fixes that may be made to unravel this letterboxing.

Radford suggests the use of background-color to pressure the bars to undertake the similar colour as your web page if it makes use of a unmarried cast colour, reasonably than a gradient. In case you use a picture, gradient, or other colours throughout your web page, you'll use the new-to-iOS viewport-fit descriptor to have your web page fill the entire display of the iPhone X.

Builders will wish to put into effect those answers on their very own, after all. We will have to attend till the release of the iPhone X in early November to peer if somebody has applied Radford's tactics.


More in Apple News




To Top