当你的输出设备分辨率高度设置为800px时，本行文字显示为红色

@media screen and (min-device-height:800px){

#loading p{margin-top:400px!important;}

#dwbox{margin-top:150px!important;}

}

/*iphoneX*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

.topbox {height: 85px;color:  #fff}

.topbox view{position: fixed; width: 100%; height: 85px;  background: #e32416; z-index: 999; -webkit-box-sizing:border-box;padding-top:20px}

.nav {top: 85px;}

}

/*iphoneXR*/

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {

.topbox {height: 85px;color:  #fff}

.topbox view{position: fixed; width: 100%; height: 85px;  background: #e32416; z-index: 999; -webkit-box-sizing:border-box;padding-top:20px}

.nav {top: 85px;}

}

/*hwP40*/

@media only screen and (min-width: 360px) and (min-height: 694px) and (-webkit-device-pixel-ratio:3) {

.topbox {height: 85px;color:  #fff}

.topbox view{position: fixed; width: 100%; height: 85px;  background: #e32416; z-index: 999; -webkit-box-sizing:border-box;padding-top:20px}

.nav {top: 85px;}

}