Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 28.11.2014, 10:29
dazzle89 dazzle89 ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

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%;
	}
}
Mit Zitat antworten