CSS适应不同的安卓手机

dpr：这个参数实际上量化了屏幕的物理分辨率和显示清晰度，比如iphone的DPR就是2，比一般的手机都要高。
/*魅族*/
@media only  screen and (min-device-width:361px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio : 1){  /*奇葩安卓机(一般为这个)dpr统一为1 Nexus 5X,6p ,最后一个and可写可不写(不写测试有效)*/
.class{

}

}

/*360px的宽度*/

@media only screen and (min-device-width:241px) and (max-device-width:360px){/*奇葩安卓机dpr统一为1  Galaxy 5s*/
.class{

}
} 

每个安卓手机宽度差为120px 记住控制不了再样式中强制控制！important。

/*一般头部加：<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">这就话就够了*/

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){
.class{

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

}

}

@media (max-width:460px){ .class{} } 最大宽度自己写