Skip to content

Instantly share code, notes, and snippets.

@kmokidd
Created March 25, 2016 02:41
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save kmokidd/039fa24cdd888cac386f to your computer and use it in GitHub Desktop.
Save kmokidd/039fa24cdd888cac386f to your computer and use it in GitHub Desktop.
iPhone family. Main Android. Wechat and QQ's X5
// --------------------------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