iOS (7) - Problem bei 'orientationchange'

[Gunther]

@@Gunnar:

nuqneH

Besten Dank, dass du dich mit dem "Problem" beschäftigt hast!

Ich arbeite gerade an einem Responsive Layout. Dazu verwende ich Media Queries und habe entsprechend verschiedene Breakpoints in meinem Layout.

Hast du auch entsprechend orientation-Media-Queries?

Nein, habe ich (bis jetzt zumindest) nicht.
Ich arbeite mit 'min-/max-width' MQs.

Unter iOS (7) wenden zwar sowohl Safari, als auch Chrome, die entsprechenden Styles an, aber bei einem Orientationchange wird(werden) das(die) Element(e) nicht neu gerendert.

http://bittersmann.de/test/orientation funktioniert in Safari und Chrome auf iPad (iOS 6).

Das Problem ist ja auch nicht, dass die entsprechenden MQ Rules nicht matchen würden, das tun sie. Aber scheinbar werden zumindest gewisse Elemente nicht entsprechend neu gerendert, sodass ihr "Platzbedarf" nicht "berücksichtigt" wird.

Insbesondere habe ich hier "gefloatete" Elemente im Verdacht.
Ich muss mal ein entsprechendes Testszenario bauen.

Und wie gesagt, selbst die Javascript Variante "versagt" ihren Dienst ...!?

iOS ist und bleibt ein zumindest recht eigenartiges OS, um es mal vorsichtig & vornehm auszudrücken.

Gruß Gunther