suit: Mobile Content

Beitrag lesen

Wie funktioniert das z.b. bei einem fixen Layout? Wird skaliert?

Am iPhone wirds meistens 1:1 so dargestellt wie im Desktop-Safari, nur poportional kleiner.

Opera Mobile/Mini nuckelt automatisch ein paar Eigenschaften um, maximalbreiten von Bildern auf die breite des Viewports. Floatende Element werden untereinander mit manipulierten Breiten dargestellt. Hintergrundbilder werden teilweise entfernt.

Relativ gut kann man das im Debug-Menu von Opera Testen

-> Layout -> Mobile View

Allerdings verhalten sich die echten Browser teilweise doch leicht anders. z.B. ist JavaScript auf Opera Mini etwas träger, die Animationen diverser sind ggf. ruckeliger. Das Minimum von setInterval und setTimeout etwas höher angesetzt um die Mobil-CPUs nicht zu vie zu belasten.