Hallo Zusammen,
mit media Queries kann ich im CSS bequem auf verschiedene Endgeräte reagieren und das Design entsprechend Anpassen.
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
Ich habe akt. zwei verschieden Probleme:
1. Ich möchte dem User eine Meldung ausgeben, dass er sein iPad auf orientation:landscape bzw. orientation:portrait stellen soll?! Wie kann ich diese Zustände prüfen?
2. Wenn der User sein iPad dreht, dann muss ich eine EXT oder gar die ganze Seite neu laden. Wie kann ich die Zustandsänderung prüfen und darauf reagieren?
Gruß
Christian