解决：
按钮样式里增加如下代码，如果尝试不起作用时，找父级上加

 /*兼容iosx + */
 box-sizing: content-box;
 padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/

前提是在index.html里有,viewport-fit=cover

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

参考好文