美文网首页
小程序 safe-area-inset-bottom

小程序 safe-area-inset-bottom

作者: summer_02d9 | 来源:发表于2021-02-23 14:39 被阅读0次

IOS 底部适配

1.底部fixed的元素:

    padding-bottom: constant(safe-area-inset-bottom); 

    padding-bottom:env(safe-area-inset-bottom)

    fixed  bottom!= 0 的case, 1不生效时,可用2

2. 本身有padding值,把padding-bottom一起计算进去

padding-bottom:calc(15rpx + constant(safe-area-inset-bottom));

padding-bottom:calc(15rpx + env(safe-area-inset-bottom))

3.  用高度加出来安全区域

  height: calc(80rpx + constant(safe-area-inset-bottom));

  height: calc(80rpx + env(safe-area-inset-bottom));

注意 constant与env顺序不能改变,先constant再env

相关文章

网友评论

      本文标题:小程序 safe-area-inset-bottom

      本文链接:https://www.haomeiwen.com/subject/vavrfltx.html