Versions Compared
| Version | Old Version 4 | New Version Current |
|---|---|---|
| Changes made by | ||
| Saved on |
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Die @media Regel kann genutzt werden um verschiedene Styles für unterschiedliche Medien-Typen bzw. Ausgabegeräte zu nutzen. So lassen sich z.B. in Hinblick auf unterschiedliche Bildschirmgrößen, Schriftgrößen oder komplette charts/tables größer/kleiner darstellen.
Die Syntax sieht folgendermaßen aus:
| Code Block | ||||
|---|---|---|---|---|
| ||||
@media not|only mediatype and (media feature) {
/* CSS-Code; */
}
/* Beispiel: */
@media screen and (min-width: 480px) {
.categoryLabels {
font-size: larger !important;
}
} |
In diesem Beispiel wird die Schriftgröße der Category Labels erhöht, sobald es sich beim Ausgabegerät um einen Screen mit mindestens 480px Breite handelt.