android常用的mediatype,移动端开发需要加的meta以及css @media适应不同手机

我们在做移动端开发的时候都需要加一些meta标签，但是具体要加哪些meta标签我想大家不一定能加全，所以接下来码云笔记就为大家做一个系统的整理，最后再为大家附上移动开发的时候常用的css3媒体 media查询样式。

移动开发中头部要加的一些常用meta

css3 @media媒体查询适应不同的手机

iphone 4和4s

@media only screen

and (min-device-width:320px)

and (max-device-width:480px)

and (-webkit-min-device-pixel-ratio:2){}

iphone 5 and 5s

@media only screen

and (min-device-width:320px)

and (max-device-width:568px)

and (-webkit-min-device-pixel-ratio:2){}

Android width360

@media only screen

and (min-device-width:360px)

and (max-device-width:640px){

html {font-size:112.5px;}

}

android width411

@media only sc