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;
        }
    }

 

转载于:https://www.cnblogs.com/minjh/p/10456547.html