Mit Media Queries legst du halt fest, wann und auf welchen Geräten bestimmte CSS-Definitionen aufgerufen werden sollen.
So hast du z.B. öfters mal Spalten, die nebeneinander floaten. Bei kleinen Geräten möchtest du aber oft, dass sie nicht mehr floaten, sondern untereinander dargestellt werden und über die gesamte Breite gehen. Würde dann etwa so aussehen:
Code:
#linke-spalte {
float: left;
width: 30%;
}
#rechte-spalte {
float: right;
width: 70%;
}
/* bei 480px oder kleiner die Spalten untereinander darstellen */
@media only screen and (max-width: 480px) {
#linke-spalte,
#rechte-spalte {
float: none;
width: 100%;
}
}