O'Reilly logo

HTML & CSS von Kopf bis Fuß, 2nd Edition by Eric Freeman, Elisabeth Robson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Media-Queries unmittelbar ins CSS einbauen

Es gibt noch ein weiteres Verfahren, um Ihr CSS auf Geräte mit bestimmten Eigenschaften einzuschränken: Sie können Media-Queries nicht nur in Link-Tags, sondern auch unmittelbar in Ihrem CSS einsetzen. Hier sehen Sie ein Beispiel:

image with no caption

Dieses Verfahren basiert also darauf, dass nur die CSS-Regeln in eine @media-Regel eingeschlossen werden, die für einen bestimmten Medientyp spezifisch sind. Alle Regeln, die alle Medientypen gemeinsam haben, stehen in der CSS-Datei unter den @media-Regeln, damit Sie keine Regeln unnötig wiederholen müssen. Und wenn ein Browser die Seite lädt, werden anhand der Media-Queries ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required