收藏
回答

IOS低版本10.3.2,获取env(safe-area-inset-bottom)不准?

iPhone7,IOS10.3.2,基础库版本2.12.1,客户端版本7.0.15。

用户获取env(safe-area-inset-bottom)数值不对,导致页面错位,同型号高IOS版本(IOS13.6)没有任何问题。

请问IOS多少版本开始才支持这个env(safe-area-inset-bottom)变量?

低版本不支持这个变量的情况,怎么兼容这个问题?

最后一次编辑于  2020-08-26
回答关注问题邀请回答
收藏

2 个回答

  • 晨风
    晨风
    2021-07-14

    page{

    /* 全局定义一个变量*/

    --ipxBottom: 0px;

      --ipxBottom: constant( safe-area-inset-bottom); /* 兼容 iOS < 11.2 */

      --ipxBottom: env(safe-area-inset-bottom);/* 兼容 iOS >= 11.2 */

    }

    需要用到的地方

    padding-bottom: var(--ipxBottom)


    2021-07-14
    有用
    回复
  • 微喵网络
    微喵网络
    2020-08-26

    你是怎么获取env(safe-area-inset-bottom)数值的?

    2020-08-26
    有用
    回复 4
    • Jacob
      Jacob
      2020-08-26
      同问
      2020-08-26
      回复
    • 無語。
      無語。
      2020-08-26
      css里取的
      2020-08-26
      回复
    • 微喵网络
      微喵网络
      2020-08-26回复無語。
      css里怎么取?
      2020-08-26
      回复
    • Jonas,🤓
      Jonas,🤓
      2021-02-08
      iOS 11.2 之前是 constant(safe-area-inset-bottom) 之后才是 env,所以适配的时候需要两个都要写,constant 在前,env 在后
      2021-02-08
      回复
登录 后发表内容
问题标签