h5页面在iphone手机上底部会有留白解决办法

解决IOS底部留白问题

在meta viewport标签里加属性：viewport-fit=cover；

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

适配IOS底部小黑条

需配合meta一起使用

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

//可查看属性是否覆盖，增加权重解决
//padding-bottom，bottom按需求引进