body {
background: red;
}
@media screen and (min-width: 480px) {
body {
background: yellow;
}
}
@media screen and (min-width: 768px) {
body {
background: green;
}
}
@media screen and (min-width: 1024px) {
body {
background: blue;
}
}
@media screen and (min-width: 1200px) {
body {
background: gray;
}
}
320px: iPhone con orientamento portrait
480px: iPhone con orientamento landscape
768px: iPad con orientamento portrait
1024px: iPad con orientamento landscape (ma anche molti netbook, visto che in genere questi dispositivi hanno una risoluzione orizzontale minima di 1024px)