html,body{
margin:0;
padding:0;
}
body{
background:#0f0;
}
/* @media screen and (min- 800px)and(max- 1200px){
body {background:#f00;}
}
@media screen and (min- 1200px){
body {background:#ccc;}
}
*/
/*宽度小于320px的时候*/
@media screen and (max- 320px){
body{320px;background: #ff0000;}
}
/*宽度大于320px&大于于375px的时候*/
@media screen and (min-320px) and (max- 375px){
body{background:#000fff;}
}
/*宽度大于375px&大于于414px的时候*/
@media screen and (min-375px) and (max- 414px){
body{background:#000fff;}
}
@media screen and (min-414px) and (max- 480px){
body{background:#000fff;}
}
@media screen and (min-480px) and (max- 540px){
body{background:#000fff;}
}
@media screen and (min-540px) and (max-640px){
body{background:#000fff;}
}
@media screen and (min-640px) and (max-720px){
body{background:#000fff;}
}
@media screen and (min-720px) and (max-768px){
body{background:#000fff;}
}
/* @media screen and(min- 320px) and (max- 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 */