Falls ich deine Frage richtig verstehe... genau darum geht es doch beim Responsive Webdesign.
Mit Hilfe von Media Queries sorgst du dafür, dass Elemente bei bestimmten Browserbreiten andere CSS-Anweisungen erhalten.
So kannst du z.B. sagen, dass ein div bei einer Auflösung über 1200px (=Breakpoint) floatet und nur 50% breit ist, während es bei unter 1200px nicht mehr floatet und die gesamte Breite einnimmt.
Das würde so aussehen:
HTML-Code:
@media only screen and (min-width: 1200px) {
div {
float: left;
width: 50%;
}
}
@media only screen and (max-width: 1199px) {
div {
float: none;
width: 100%;
}
}
Lesezeichen