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.

InformationsquelleAutor JeffreyZ | 2013-05-31
Schreibe einen Kommentar