emailconfirmed, nsInternRO, nsInternRW, Administrators
3,356
edits
m
→Advanced CSS
m (→Advanced CSS) |
|||
| Line 204: | Line 204: | ||
More informations here: [http://www.intensivstation.ch/css/selectors/attribute-selectors/ intensivstation.ch] | More informations here: [http://www.intensivstation.ch/css/selectors/attribute-selectors/ intensivstation.ch] | ||
=== Browser- & Konfigurationsweichen mit CSS === | === Browser- & Konfigurationsweichen mit CSS === | ||
Einige Beispiele, wie man unterschiedliche Geräte mit der @media Direktive per CSS erkennen kann. | Einige Beispiele, wie man unterschiedliche Geräte mit der @media Direktive per CSS erkennen kann. | ||
<source lang="CSS"> | <source lang="CSS"> | ||
@media only screen and (max-device-width: 480px) { | @media only screen and (max-device-width: 480px) { | ||
/* btw: this is the official iPhone media query! */ | |||
} | |||
@media screen and (min-width:400px) and (max-width:800px) { ... } | @media screen and (min-width:400px) and (max-width:800px) { ... } | ||
@media all and (orientation:portrait) { ... } | @media all and (orientation:portrait) { ... } | ||