Prepare your site on iPhone X

The introduction of the Apple iPhone X has made me happy, the company has been hectic and has really shown the device for the next decade. But I can not identify with all the things. The Edge-to-edge display will only be able to be judged when it is in the hand.

The second thing is the display format itself, if we examine the round corners, so the eye-catching is the cut-out for the camera with the sensors. I have the desire to say that this would never have been done by Steve, but we will probably have to get used to it. Still, the Home button has disappeared, because it would also be cut down. Meh.

Anyway, even if everyone fads for the price, the iPhone X will be sold and used. It is precisely because of the display anomalies that web developers should alert. If you’re using a background or color cover, you’ll probably have white streaks along the sides as shown below.

If you use one background color, it can be solved via background-color, but if you have a picture like this, you need to adjust the viewpoint. My original looked like this:

<meta name="viewport" content="width=device-width, initial-scale=1.0">  

and it was enough to add

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
Loading Facebook Comments ...