Looking at a web page with iPhone X is an experience? The whole person is crazy

The original "notch" design of the iPhone X caused a split in the overall display experience, especially when watching videos or browsing web pages. Apple has been actively encouraging developers to avoid this issue by optimizing their apps and websites for the new screen layout. Of course, part of the solution involves making the notch look more visually appealing. If developers ignore these guidelines, the result can be quite unattractive and distracting.

Now, the Safari web team has released a set of visual examples showing how web pages should be designed to work perfectly on the iPhone X. These examples are meant to guide developers on how to optimize their websites for the new screen format.


Not optimizing for the iPhone X results in this kind of awkward display.


Apple's solution is to avoid the notch area entirely. It’s not a perfect fix, but it’s the best option available so far.


This is what it looks like in vertical mode.

Apple’s approach doesn’t look very polished, and it seems like they’re intentionally avoiding the notch area. The idea is to make sure your content stays away from the top of the screen, which works for some designs, but for full-screen experiences, it feels a bit forced and impractical.

Beyond just web pages, Apple has also urged app developers to ensure their applications are compatible with the iPhone X’s notch. For video apps, the adaptation challenges are significant. Again, the method isn’t ideal—it simply involves avoiding the notch area.

So, does using the iPhone X to watch videos or browse the web feel like a disaster? Overall, the full-screen design seen in devices like the Samsung Galaxy S8 is more mature and stable. It delivers a better user experience without compromising functionality, and it’s also easier for developers to adapt to.

PCB Terminal Block

Pcb Terminal Block,Pcb Barrier Terminal Blocks,Pcb Terminal Block Connector,Barrier Terminal Blocks And Connectors

Sichuan Xinlian electronic science and technology Company , https://www.sztmlch.com