小程序的各种手机屏幕媒体查询

/*iPhone5和iPhone SE*/
    @media only screen and (device-width : 320px) and (device-height : 504px) and (-webkit-device-pixel-ratio : 2) {
        .uploadContainer{
            background-color: pink;
        }
    }
    @media only screen and (device-width : 320px) and (device-height : 568px) and (-webkit-device-pixel-ratio : 2) {
        .uploadContainer{
            background-color: greenyellow;
        }
    }
    
    /* iPhone6/7/8 */
    @media only screen and (device-width : 375px) and (device-height : 603px) and (-webkit-device-pixel-ratio : 2) {
        .uploadContainer{
            background-color: green;
        }
    }
    
    /* iPhone6/7/8 plus*/
    @media only screen and (device-width : 414px) and (device-height : 672px) and (-webkit-device-pixel-ratio : 3) {
        .uploadContainer{
            background-color: skyblue;
        }
    }
    
     iPhoneX、iPhoneXS iPhone11Pro
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        .uploadContainer{
            background-color: orangered;
        }
    }
    
     iPhoneXR
    @media only screen and (device-width: 414px) and (device-height: 808px) and (-webkit-device-pixel-ratio: 2) {
        .uploadContainer{
            background-color: cadetblue;
        }
    }
    
     iPhoneXR iPhone11 
    @media only screen and (device-width: 414px) and (device-height: 828px) and (-webkit-device-pixel-ratio: 2) {
        .uploadContainer{
            background-color: yellowgreen;
        }
    
    }
    
    
     iPhoneXSMax
    @media only screen and (device-width: 414px) and (device-height: 808px) and (-webkit-device-pixel-ratio: 3) {
        .uploadContainer{
            background-color: lawngreen;
        }
    
    }
    
    // iPhone12Pro
    @media only screen and (device-width: 390px) and (device-height: 753px) and (-webkit-device-pixel-ratio: 3) {
        .uploadContainer{
            background-color: blanchedalmond;
        }
    }
    
    // iPhone12Pro Max
    @media only screen and (device-width: 428px) and (device-height: 835px) and (-webkit-device-pixel-ratio: 3) {
        .uploadContainer{
            background-color: lightyellow;
        }
    }
    
    // iPhone12mini
    @media only screen and (device-width: 375px) and (device-height: 724px) and (-webkit-device-pixel-ratio: 3) {
        .index_help {
            transform: translateY(160rpx);
        }
    }