iPhone X website safe area
问题 The iPhone X landscape default safe area and notch solution. I added this Question to help others avoid a headache I head trying to fix my website on the new iPhone 10 Basically, the problem is white bars 回答1: The solution is to use viewport-fit=cover <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> This will use the full screen but what about the notch. create a class .iphoneX{ padding: constant(safe-area-inset-top) constant(safe-area-inset-right)