-
-
Save vagusX/9a9a7fd73f67e47800212fd25d2f0bae to your computer and use it in GitHub Desktop.
iPhone family. Main Android. Wechat and QQ's X5
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// --------------------------MQ--------------------------// | |
/* iPhone4 iPhone5/5s | |
* 超级低端 Android | |
*/ | |
@media (max-device-width: 320px){ | |
} | |
/* Especially for iPhone4 */ | |
@media (max-device-width: 320px) and (max-device-height: 480px) and (-webkit-min-device-pixel-ratio: 2){ | |
} | |
/* Especially for iPhone5/5s */ | |
@media (max-device-width: 320px) and (min-device-height:490px) and (max-device-height:568px) and (-webkit-min-device-pixel-ratio: 2){ | |
} | |
/* Especially for iPhone 6+ */ | |
@media (device-width: 414px) and (max-device-height:736px){ | |
} | |
/* Android Webview */ | |
@media (min-device-height:569px) and (max-device-height:599px){ | |
} | |
@media (min-device-height:600px) and (max-device-height: 639px){ | |
} | |
@media (min-device-height:640px) and (max-device-height:660px){ | |
} | |
/* Andoird X5 */ | |
/* 480 x 854 | |
* 480 x 800 | |
* 540 x 960 | |
*/ | |
@media (min-device-height: 736px) and (max-device-height: 960px){ | |
} | |
/* 720 x 1184 | |
* | |
*/ | |
@media (min-device-height: 961px) and (max-device-height: 1184px){ | |
} | |
/* 720 x 1280 | |
* 800 x 1280 | |
*/ | |
@media (min-device-height: 1185px) and (max-device-height: 1280px){ | |
} | |
/* 1080 x 1920 | |
* 1080 x 1176 | |
*/ | |
@media (min-device-height: 1281px){ | |
} | |
// --------------------------MQ--------------------------// |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment