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 ?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier ist Beispielcode, der veranschaulicht, funktionieren Abfragen auf einem iPhone. Es ist weiß, Porträt, schwarz in der Landschaft. Sie können Sie ignorieren, der base64-Teil, das war nur, um die Versorgung ein Symbol, ohne dass eine externe Datei:
Ich nutze folgende media queries (Definition splash-Bilder für web-apps). Es behandelt das iPhone non-retina und iPhone 4/4s und sowohl die nicht-retina-iPad-und retina-iPad (hochformat und Querformat). Sie finden diese auf https://github.com/gwilson/iOSWebAppTemplates