Höhenverhältnis zum Gesamtbildschirm bei eingeblendeter Smartphone-Tastatur beibehalten

[Rolf B]

Hallo Black Pearl,

es ist keine gute Idee, das am Server zu erledigen. Die erforderlichen Aktionen kannst Du komplett am Client ausführen.

Es ist auch keine gute Idee, die Screen-Größe zu verwenden. Diese Daten sind nur von Bedeutung, wenn die Webseite fullscreen angezeigt wird. Zu einem Gerät mit größenveränderlichen Fenstern - was auch ein neueres Tablet sein kann! - passt diese Vorgehensweise nicht.

Vor allem solltest Du versuchen, ohne JavaScript auszukommen. Layout ist eine Aufgabe für CSS und es ist dafür wesentlich besser geeignet.

Beachte beispielsweise das Problem, dass jemand sein Handy ins Querformat dreht. Eine Pixelberechnung beim Seitenaufruf könnte sich daran nicht anpassen.

Mit passendem CSS kannst Du hier eine Menge tun. Du kannst sogar abfragen, ob der Viewport im Hoch- oder Querformat ist:

@media (orientation:landscape) {
   /* CSS Regeln für Querformat */
}

Wiki-Hinweis: Responsives Layout

Wenn Du eine Demo-Version deiner Seite vorzeigst (d.h. das CSS, JS und statisches HTML, ohne PHP) könnte man noch konkrete Tipps geben.

Rolf