收藏
回答

企业微信中, 小程序web-view内的网页不支持safe-area-inset-bottom

测试机型: iPhoneXS ios 14.1

企业微信版本: 3.1.7 (66295)

操作路径:

  1. 首先,微信小程序中的web-view一切正常,
  2. 将微信小程序通过右上角分享菜单 “分享到企业微信”后,
  3. 在企业微信打开小程序web-view页面,
  4. 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下异常



回答关注问题邀请回答
收藏

3 个回答

  • 闪光点
    闪光点
    12-18
    需要设置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">
    
    12-18
    有用
    回复
  • 懵懂懂才懂得朦胧美
    懵懂懂才懂得朦胧美
    2022-02-11

    请问解决了吗? 我这边也遇到了

    2022-02-11
    有用
    回复
  • 一位不愿透漏姓名的肖师傅、
    一位不愿透漏姓名的肖师傅、
    2021-06-04

    有人吗 @官方

    2021-06-04
    有用
    回复
登录 后发表内容