如何处理异形屏iphone X?

• safe area: 默认放置在安全区域以避免遮挡, 但会压缩

• 在meta中添加viewport-fit=cover: 告诉浏览器要讲整个页面渲染到浏览器中，不管设备是圆角与否，这个时候会造成页面的元素被圆角遮挡

• padding: constant(env): 解决遮挡问题