当前位置: 代码迷 >> 综合 >> 微信小程序的safe-area-inset-bottom (IOS 底部适配)
  详细解决方案

微信小程序的safe-area-inset-bottom (IOS 底部适配)

热度:15   发布时间:2023-11-18 12:46:42.0

因为现在的ios全面屏底部有小黑线,位于底部的元素会造成黑线的阻挡,可以使用

height: calc(100% - constant(safe-area-inset-bottom));

height: calc(100% -  env(safe-area-inset-bottom));

tips: 记得先使用constant 再使用 env 

  相关解决方案