博客

移动设备显示尺寸大全 CSS3媒体查询

  • Post author:
  • Post category:其他






@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：一般用苹果的屏幕适配就不会有问题