/*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);
}
}