VZC System 2.9 - Warum iPads für Webentwickler die Hölle sind (und wie wir es gelöst haben)

iPads waren auf VZC System bisher ein nerviger Kompromiss. Während das iPhone-Layout saß und der Desktop sowieso performt, war die „Zwischenwelt“ der Tablets eher ein Glücksspiel aus gequetschten Boxen und seltsamen Umbrüchen. Mit der neuen internen Version 2.7.2 habe ich das Ganze endlich glattgezogen.

Das Problem mit der „toten Zone“

Wer Webseiten baut, weiß, dass der Bereich zwischen 768px und 1180px die reinste Hölle ist.

• Das iPad Pro 11" z.B. (834px Breite) hat meine Log-Boxen oft so richtig hässlich zusammengedrückt. 📉
• Die Glass-Morph-Effekte wirkten auf dem Tablet-Screen entweder verloren oder viel zu wuchtig.
• Am schlimmsten: Die Safari-Tab-Leiste. Die springt beim Scrollen rein und raus und verschiebt das Hero-Layout, was auf dem iPhone 16 Pro schon nervt, aber am iPad alles zerstört hat.

Die Entscheidung: Native Power statt Framework-Ballast

Wir hätten uns natürlich ein fettes Grid-Framework laden können, um das Problem zu lösen. Aber da unsere Seiten bei Helloly auf Geschwindigkeit getrimmt sind, wollte ich keinen unnötigen Code-Müll mitschleppen.

Die Lösung für VZC System 2.7.2 war ein radikales Refactoring mit nativen CSS-Methoden

• Wechsel auf "dvh": Statt des kalisschen 100vh nutzen wir jetzt 100dvh (Dynamic Viewport Height). Das zwingt das Layout dazu, stabil zu bleiben, auch wenn Safari meint die Adressleiste ein- oder ausblenden zu müssen.
• Flex-Decoipling: Der "News lesen" - Button ist jetzt intelligent. Wenn der Platz seitlich knapp wird, stapelt sich das Layout automatisch um, statt den Text abzuschneiden oder die Boxen zu sprengen.

Interne Bewertung: Hat sich das Refactoring gelohnt?

Definitiv. Das Interface wirkt auf dem iPad jetzt nicht mehr wie eine „aufgeblasene Handy-App“, sondern wie ein echtes Desktop-Erlebnis für die Hand.

Dass alles bei Helloly liegt, sorgt dafür, dass die Seite trotz der neuen Logik in Millisekunden aufbaut. Es ist jetzt genau das Apple-Premium-Feeling, das ich für meine News wollte. 🍏

Das Update auf VZC System 2.7.2 behebt die letzte große Baustelle in der Responsivität. 

Durch den Einsatz von "dvh" und sauberen, händisch geschriebenen Media-Queries sieht die Zeite nun auf jedem iPad - vom Mini bis zu den großen Modellen - absolut sauber aus.

Wie liest du deine News am liebsten – bist du eher der „Couch-Surfer“ mit dem iPad im Querformat oder bleibst du beim klassischen Desktop-Setup?