美文网首页
使用Css为IphoneX等机型适配安全距离

使用Css为IphoneX等机型适配安全距离

作者: geeklibin | 来源:发表于2020-08-31 22:12 被阅读0次

    .tab-bar{

        height:auto;

        padding-bottom:constant(safe-area-inset-bottom); //兼容IOS < 11.2

        padding-bottom:env(safe-area-inset-bottom);//兼容IOS > 11.2

    }

    注意:constant必须写在前面,env写在后面。

    constant与env有4个预设变量:

    safe-area-inset-top //齐刘海。。。

    safe-area-inset-left

    safe-area-inset-right

    safe-area-inset-bottom //home键

    相关文章

      网友评论

          本文标题:使用Css为IphoneX等机型适配安全距离

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