需要设置viweport-fit 属性 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1, maximum-scale=1.0, user-scalable=0">
企业微信中, 小程序web-view内的网页不支持safe-area-inset-bottom测试机型: iPhoneXS ios 14.1 企业微信版本: 3.1.7 (66295) 操作路径: 首先,微信小程序中的web-view一切正常,将微信小程序通过右上角分享菜单 “分享到企业微信”后,在企业微信打开小程序web-view页面,web-view页面中的网页, env(safe-area-inset-bottom) 不生效附: web-view 网页中的css样式: .tab-bar { position: fixed; left: 0; bottom: 0; width: 100%; height: 50px; height: calc(env(safe-area-inset-bottom) + 50px); } 出现问题: 在微信小程序内web-view 网页中safe-area-inset-bottom一切正常,tab-bar高度是 50 + 34(safe-area-bottom), 在企业微信下小程序web-view 网页中 safe-area-inset-bottom不生效,tab-bar高度是 50, 注: 同样的网页,在企业微信的web-view是正常的,(聊天中直接打开网页), 只是在企业微信内用小程序的web-view下异常
12-18