Adaptation to the mobile side Daquan

/* Compatible IPHONE5 */

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {}

@media only screen and (max-device-width:480px) {}
@media only screen and (min-device-width:481px) {}

/*6*/
@media (min-device-width:375px) and (MAX-DEVICE-WIDTH:667PX) and (-webkit-min-device-pixel-ratio:2) {}

/*6+*/
@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {}

/* Meizu */
@media only screen and (min-device-width:1080px) and (-webkit-min-device-pixel-ratio:2.5) {}

/*mate7*/
@media only screen and (min-device-width:1080px) and (-webkit-min-device-pixel-ratio:3) {}

/*4 4s*/
@media only screen and (device-height:480px) and (-webkit-device-pixel-ratio:2) {}

@media screen and (min-width:320px) and (max-width:480px) {}

/* Width 1024 or less on the tablet */
@media only screen and (min-width:321px) and (max-width:1024px) {

}

/* PC client or large screen device: 1028px to Greater */
@media only screen and (MIN-WIDTH:1029PX) {

}

/* Vertical Screen */
@media screen and (orientation:portrait) and (max-width:720px) {corresponding style}

/* Horizontal Screen */
@media screen and (orientation:landscape) {corresponding style}

IPhone5S 504*320

Adaptation to the mobile side Daquan