CSS-Media-query-Landschaft, android soft-Tastatur
Ich arbeite an einer web-Anwendung für tablets(für android und ios), und ich bin mit einem problem konfrontiert, welches
gebe mir Mühe für 2 Tage schon.
Das problem ist, dass auf android, wenn Sie im portrait-Modus und zum Beispiel Fokus, die in ein input-Feld, so dass die soft-Tastatur öffnet sich die css-media-query-Orientierung änderungen der Landschaft.
Ich habe bereits Lesen Sie diese Frage : CSS-Media-Query - Soft-Tastatur Pausen css-Ausrichtung-Regeln - alternative Lösung? und kam mit dieser :
var is_keyboard = false;
var is_landscape = false;
var initial_screen_size = window.innerHeight;
window.addEventListener("resize", function() {
is_keyboard = (window.innerHeight < initial_screen_size);
is_landscape = (screen.height < screen.width);
updateViews();
}, false);
function updateViews()
{
if(!is_landscape)
{
if(is_keyboard)
{
$("html").removeClass("landscape portrait");
$("html").addClass("portrait");
}
}
}
Dies jedoch nicht aus irgendeinem Grund arbeiten.
Es ist trotzdem ändern Sie die Ausrichtung auf hochformat-Modus, damit die css-media-query denkt
wir sind im portrait-Modus ? Ich bevorzuge nicht die Verwendung von max-width usw. da brauche ich die Unterstützung mehrerer Bildschirmgrößen.
Vielen Dank im Voraus.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nach einigem suchen kam ich auf dieses :
statt
Also, wenn Sie im gleichen Boot wie mich, ich würde Ihnen raten, gehen Sie einfach
mit diesem, so dass Sie ersparen Sie sich die Kopfschmerzen.
Es ist das gute Artikel um dieses problem zu lösen.
Aber manchmal 13/9 ist nicht genug.
@media screen and (min-aspect-ratio: 14/9){ } //Landschaft
Becareful, wenn Sie Sie zu erhöhen, um 16/9, iphone5 nicht erkennen, die Landschaft.