Consulta de mídia para visualização móvel CSS
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
Collared Lizard
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
@media all and (max-width: 767px) {
}@media screen and (min-width:700px) {
} //this means the above media queriy will apply if the screen has a minimum screen width
//of 700px., meaning screens with screen sizes of 700px and above will be affected by the above media query