@media screen and ( min-width: 212px){

/*213px显示屏样式 LG Optimus One*/

}

@media screen and ( min-width: 319px){

/*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */

}

@media screen and ( min-width: 359px){

/*360px显示屏样式 索尼Z1*/

}

@media screen and ( min-width: 383px){

/*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/

}

@media screen and ( min-width: 399px){

/*399px显示屏样式 三星galaxyNote*/

}

@media screen and ( min-width: 414px){

/*414px显示屏样式 苹果6plus*/

}

@media screen and ( min-width: 423px){

/*424px显示屏样式 LG 4X */

}

@media screen and ( min-width: 479px){

/*480px显示屏样式 索尼MT27i Xperia sola*/

}

@media screen and ( min-width: 539px){

/*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/

}

@media screen and ( min-width: 639px){

/*640px显示屏样式*/

}

@media screen and ( min-width: 640px){

/*640px以上显示屏样式*/

}

PS：一般用苹果的屏幕适配就不会有问题

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

媒体查询 媒体查询尺寸