Die Erkennung von iPad / iPhone mithilfe von media queries

Arbeite an einem Projekt, wo ich zu unterscheiden zwischen dem landscape-und portrait-Modi für das iPhone, das iPad mit media queries. Auch, bin mit iPad 3, iPhone 4s.
So einfach und unkompliziert, wie das klingt, ich bin habend die härteste Zeit bekommen, diese zu arbeiten.
Der nächste, den ich bekam, ist dies :-

@media (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
/*iPad portrait*/
}

@media (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
/*iPad landscape*/
}

@media (max-device-width: 480px)
and (orientation: portrait) {
/*iPhone portrait*/
}

@media (max-device-width: 480px)
and (orientation: landscape) {
/*iPhone landscape*/
}

Aber, dieser unterscheidet nicht zwischen hochformat /Querformat des iPhone.
Irgendwelche Hinweise, was falsch sein könnte ?

InformationsquelleAutor sanz | 2012-07-27
Schreibe einen Kommentar