iphoneX 内容区兼容

1. 安全区域

       核心内容应该处于安全区域， 确保不会被设备圆角(corners)，传感器外壳(sensor housing，齐刘海) 以及底部的 Home Indicator 遮挡。

 padding-bottom: constant(safe-area-inset-bottom);
 padding-bottom: env(safe-area-inset-bottom);

2. viewport-fit

auto：viewport-fit: contain 内容显示在安全区域内

cover：内容充满屏幕

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

🌟viewport-fit:contain时;safe-area-inset-left, safe-area-inset-right, safe-area-inset-top和 safe-area-inset-bottom等参数不起作用。