Recently, Safari's Web browser engine research team WebKit introduced developers in detail how to build a site for iPhone X. Because the iPhone's screen has a natural "bangs", this trendy design poses new challenges for website designers.


iPhone X's "bangs" design is really annoying


Watching videos also has an impact

The official guide given by WebKit is actually very simple. It is to scale the page content and avoid this embarrassing “bangs”. In addition, they currently have no perfect solution.


The solution given by WebKit is to avoid this area


Green zone is the main content of the safe area

In fact, for the full-screen, this "bang" is undoubtedly a "hard injury" and I hope there will be better solutions for future iPhone models.

British Switch Socket W86 Series

Chrome Sockets With Usb,16 Amp Socket With Switch,Remote Plug Socket,Cooker Isolation Switch

Guangdong Jinli Electrical Appliance Co., Ltd , https://www.sokelectric.com

Posted on