1 <meta charset="utf-8"> 2 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 3 <meta name="applicable-device" content="mobile" /> 4 <title>title</title> 5 <meta name="viewport" content="width=device-width,height=device-height,viewport-fit=cover, initial-scale=1.0, maximum-scale=1.0,user-scalable=no,shrink-to-fit=no">
添加viewport-fit=cover meta标签，使页面占满整个屏幕。css添加如下代码：
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);