IOS嵌套h5顶部沉浸不到状态栏_h5沉浸式状态栏

场景：h5嵌套在原生app里面，需要h5控制状态栏背景，但是设置了背景色后，发现安卓是有效果的，但是IOS没有效果，IOS取到的就只有去除状态栏和底栏的高度，后来查验才发现：需要保证h5能够填充到安全区域，才能让h5页面顶部能够包括状态栏，可以做图片沉浸到状态栏的样式。

技术：umijs+ts

需要做以下的配置：

umi3及以下，需要在document.ejs中加：

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

umi4中没有document入口文件了，需要配置在.umirc.ts中：

metas: [
    {
      name: 'viewport',
      content:
        'width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui,viewport-fit=cover',
    },
  ],

这样，h5获取到的是整个页面，可以自行控制状态栏样式和背景了。

以上，有任何不足或问题也请联系我~