CSS 兼容iPhone X、iPhone XS及iPhone XR

    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        .ua-box .rule-box{
            padding-bottom:30px !important;
        }
    }
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
        .ua-box .rule-box{
            padding-bottom:30px !important;
        }
    }
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
        .ua-box .rule-box{
            padding-bottom:30px !important;
        }
    }

 

posted @ 2019-03-01 15:14  土豆儿哥  阅读(351)  评论(0编辑  收藏  举报