两步实现h5在ios刘海屏的样式兼容

h5在ios刘海屏的样式兼容 未修改之前的页面： 一、html页面头部添加viewport-fit=cover 加viewport-fit=cover之后： 二、css设置上下间距 /* 首页-头部刘海屏兼容设置 */ .indexPage{ padding-top: .24rem; padding-top: calc(~'constant(safe-area-inset-top) + .24rem'); padding-top: calc(~'env(safe-area-inset-top) + .24rem'); } /* 底部菜单栏-底部间距设置 */ .menuBa