全面屏iphone 适配

禁止页面缩放，输入框聚焦缩放

<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no">

空出全面屏底部切换栏底部状态栏
viewport-fit必须设置成cover，constant、env函数才会生效，拥有四个属性
constant(safe-area-inset-top)
constant(safe-area-inset-left)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)

<meta name="viewport" content="viewport-fit=cover">

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

如果是底部固定position: fix;bottom: 0;了按钮，按钮容器样式

border-sizing: content-box;

@supports (bottom: env(safe-area-inset-bottom))
    btn-box(容器选择器)
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);