1、在头部区域加入如下代码
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
2、写入css样式
body {
padding-top: constant(safe-area-inset-top); /* iOS */
padding-top: env(safe-area-inset-top); /* Android */
padding-bottom: constant(safe-area-inset-bottom); /* iOS */
padding-bottom: env(safe-area-inset-bottom); /* Android */
}