@media xs xr x css媒体查询 IPHONEX

//x,xs
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    ion-content {
        --padding-bottom: 130px;
    }
  }
  // xr
  @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    ion-content {
        --padding-bottom: 130px;
    }
  }
  
  // xs max
  @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    ion-content {
        --padding-bottom: 130px;
    }
}