苹果home兼容问题修改--苹果fixed定位被遮挡-或者距离太近

效果

meta 中添加 viewport-fit=cover

<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1.0, user-scalable=0">

• fixed定位 bottom添加安全距离

 bottom: constant(safe-area-inset-bottom);//兼容 IOS<11.2
  bottom: env(safe-area-inset-bottom);//兼容 IOS>11.2

• 当前页 页面高度记得做处理
  

• 底部有高度 height 添加安全距离

 height: calc(50px + constant(safe-area-inset-bottom));
  height: calc(50px + env(safe-area-inset-bottom));