@media_screen

html,body{
margin:0;
padding:0;

}
body{
background:#0f0;
}

/* @media screen and (min-width: 800px)and(max-width: 1200px){
body {background:#f00;}
}
@media screen and (min-width: 1200px){
body {background:#ccc;}
}
*/
/*宽度小于320px的时候*/
@media screen and (max-width: 320px){
body{width:320px;background: #ff0000;}
}
/*宽度大于320px&大于于375px的时候*/
@media screen and (min-width:320px) and (max-width: 375px){
body{background:#000fff;}
}
/*宽度大于375px&大于于414px的时候*/
@media screen and (min-width:375px) and (max-width: 414px){
body{background:#000fff;}
}
@media screen and (min-width:414px) and (max-width: 480px){
body{background:#000fff;}
}
@media screen and (min-width:480px) and (max-width: 540px){
body{background:#000fff;}
}
@media screen and (min-width:540px) and (max-width:640px){
body{background:#000fff;}
}
@media screen and (min-width:640px) and (max-width:720px){
body{background:#000fff;}
}
@media screen and (min-width:720px) and (max-width:768px){
body{background:#000fff;}
}

/* @media screen and(min-width: 320px) and (max-width: 375px){
body{
background:#fff;
}
} */

/* 320*480,480*800,480*854,540*960,640*960,720*1024 */

/* iPad 768*1024
iphone4 320*480
iphone5 320*568
iPhone6 375*667
IPhone6Plus 414*736
IpadMini 768*1024 */