H5适配iphoneX

H5适配iphoneX底部

1. 在index.html中设置meta属性,在content下设置关键值 viewport-fit=cover，使得页面内容完全覆盖整个窗口
2. 固定位置

.bottomBar{
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #fff;
}
@supports (bottom: env(safe-area-inset-bottom)) {
  .bottomBar {
    padding-bottom: env(safe-area-inset-bottom);
    padding-bottom: constant( safe-area-inset-bottom);
  }
}

原文地址：https://blog.csdn.net/yao_1063066968/article/details/108848612