Das Wichtigste vorweg
Das iPhone Duo, Apples erstes faltbares iPhone, ist ab 16. Oktober vorbestellbar und ab 23. Oktober erhältlich [1]. Für Websites und Shops ist es kein Sonderfall, aber ein neuer Bildschirm zwischen Smartphone und Tablet, auf dem sich Layouts beim Aufklappen ändern. Safari verrät deiner Website dabei nicht, dass ein Knick im Display ist [4]. Wer responsiv sauber gebaut hat, muss wenig tun – testen solltest du trotzdem vor dem Verkaufsstart.
01 / Das Gerät
Was das iPhone Duo anders macht.
Apple hat das iPhone Duo am 9. September 2026 vorgestellt [1]. Zugeklappt nutzt man ein 5,4 Zoll großes Außendisplay, aufgeklappt ein 7,6 Zoll großes Innendisplay. Laut Apple haben beide Displays das gleiche Seitenverhältnis, damit Inhalte proportional mitwachsen [1]. Vorbestellungen starten am Freitag, 16. Oktober, im Handel ist das Gerät ab Freitag, 23. Oktober [1].
Für App-Entwickler hat Apple am 5. Oktober die Einreichung geöffnet: Apps, die mit Xcode 27.1 neu kompiliert werden, lassen sich als „für iPhone Duo optimiert“ im App Store einreichen. Ab April 2027 muss jede neue Einreichung Screenshots für das iPhone Duo enthalten [2]. Laut 9to5Mac zeigt die App-Store-Seite optimierter Apps ein entsprechendes Abzeichen [3].
Für die meisten Hamburger Betriebe ist aber nicht die App entscheidend, sondern die Website oder der Shopify-Shop. Und da sieht die Lage anders aus als bei Apps.
02 / Die Website
Was deine Website vom Falten mitbekommt.
Kurz gesagt: nur eine Größenänderung. Für den Browser ist das iPhone Duo ein Gerät, dessen Anzeigefläche sich beim Auf- und Zuklappen ändert. Ein eigenes Signal für den Knick gibt es in Safari nicht.
Für faltbare Geräte gibt es zwei Web-Schnittstellen, die genau das liefern sollen: die Viewport Segments API, die dem Layout die beiden Bildschirmhälften meldet, und die Device Posture API für den Faltzustand. Der Antrag, dass WebKit – die Technik hinter Safari – Stellung zur Viewport Segments API bezieht, liegt seit März 2024 offen; die letzte Nachfrage stammt vom 30. April 2025 und ist unbeantwortet [4]. Ein verbundener Antrag zur Device Posture API ist im selben Verfahren verlinkt [4].
Daraus folgt: Auf dem iPhone Duo reagiert deine Website nur über ganz normales responsives Design. Das ist eine gute Nachricht, denn dafür brauchst du keinen Sondercode. Es ist aber auch eine Warnung, denn Schwächen im responsiven Aufbau fallen auf einem Gerät, das seine Breite mitten in der Nutzung ändert, schneller auf.
Welche Breiten zu erwarten sind
Apple veröffentlicht keine CSS-Viewport-Werte. Das Testportal webmobilefirst gibt für das zugeklappte Gerät einen CSS-Viewport von 466 × 678 Pixeln an und weist darauf hin, dass manche Layouts bei 466 Pixeln Breite schon auf ihre Tablet-Darstellung umschalten [5]. Für das aufgeklappte Innendisplay gibt es bisher nur Hochrechnungen von Drittanbietern; ich würde mich nicht auf eine feste Zahl verlassen, sondern am Gerät oder im Simulator messen (Einschätzung).
Zum Vergleich: Divi schaltet standardmäßig unter 768 Pixeln auf die Smartphone-Ansicht und unter 981 Pixeln auf die Tablet-Ansicht. Das Innendisplay landet je nach Haltung voraussichtlich in einem dieser beiden Bereiche – im Hochformat eher bei Smartphone, quer eher bei Tablet (Einschätzung). Genau diese Übergänge solltest du prüfen.
03 / Der Check
Die Checkliste für Website und Shop.
Diese Punkte gehe ich bei Kundenseiten vor dem 23. Oktober durch. Die meisten lassen sich ohne neues Gerät prüfen: Im Browser die Entwicklertools öffnen und die Breite langsam von 400 bis 1.000 Pixel ziehen.
- Zwischenbreiten: Sieht die Seite zwischen 450 und 980 Pixeln aufgeräumt aus? Typische Fehler sind überdehnte Einspalter, zu breite Textzeilen und Produktkacheln, die nur bei Handy- oder Desktop-Breite sauber umbrechen.
- Größenwechsel ohne Neuladen: Auf- und Zuklappen ändert die Breite während die Seite offen ist. Menüs, Slider, Sticky-Header und Pop-ups, die ihre Größe nur beim Laden berechnen, geraten dann durcheinander. Test: Seite öffnen, Fenster schmal und wieder breit ziehen.
- Navigation: Wird bei mittlerer Breite das Burger-Menü oder die volle Navigation gezeigt – und funktioniert beides ohne Maus-Hover?
- Bilder: Liefern Produkt- und Titelbilder genug Auflösung für ein größeres, hochauflösendes Display? Unscharfe Bilder fallen auf dem Innendisplay eher auf als auf einem kleinen Handy (Einschätzung).
- Checkout und Formulare: Kontaktformular, Terminbuchung und Checkout einmal komplett im Querformat durchspielen, inklusive eingeblendeter Tastatur.
Shopify-Shops
Bei Shopify hängt das Verhalten vom Theme ab. Aktuelle Themes sind responsiv gebaut, Anpassungen per eigenem CSS oder alte Apps mit fest eingestellten Breiten sind aber häufige Fehlerquellen (Einschätzung). Prüf deshalb besonders Kollektionsseiten mit Filtern, die Produktgalerie und den Warenkorb-Drawer bei mittleren Breiten.
WordPress mit Divi
Im Divi-Builder kannst du für Tablet und Smartphone eigene Werte setzen. Wenn Abstände oder Schriftgrößen nur für Desktop und Smartphone gepflegt sind, wirkt die Tablet-Stufe oft unfertig – und genau die sehen Nutzer des aufgeklappten Duo im Querformat wahrscheinlich (Einschätzung).
Bereit fürs iPhone Duo in drei Schritten
01
Breiten
durchziehen
02
Checkout
quer testen
03
Zugriffe
beobachten
Kein Sondercode nötig: Wer zwischen Handy und Desktop sauber gebaut hat, ist fürs Falt-iPhone bereit.
04 / Apps und Messung
Wenn du eine eigene App hast – und wie du misst.
Betreibst du eine eigene iOS-App, etwa für Kundenkarten oder Terminbuchung, ist der Weg vorgegeben: mit Xcode 27.1 neu kompilieren, das Verhalten in Device Hub in allen Haltungen prüfen und Screenshots für die App-Store-Seite vorbereiten [2]. Die Pflicht zu iPhone-Duo-Screenshots gilt ab April 2027 [2]. Plane das beim nächsten regulären Update ein, statt es unter Zeitdruck kurz vor der Frist zu erledigen.
Ob das Thema für dich Gewicht hat, zeigen deine eigenen Zahlen. In GA4 kannst du nach Gerätemodell oder Bildschirmauflösung aufschlüsseln. Ab dem 23. Oktober siehst du, wie viele Besuche von Geräten mit den neuen Auflösungen kommen und ob ihre Absprung- oder Kaufrate von anderen iPhones abweicht (Einschätzung: wie das Modell in GA4 benannt wird, steht erst nach dem Verkaufsstart fest).
Rechne in den ersten Wochen mit kleinen Zahlen. Ein neues, teures Gerät verbreitet sich langsam (Einschätzung). Der Check lohnt sich trotzdem, weil er Schwächen bei mittleren Breiten aufdeckt, die auch Tablets und kleine Laptops betreffen.
Mehr zu Apples aktuellen KI-Funktionen im Arbeitsalltag findest du im Beitrag Siri AI in Deutschland. Wie du Messdaten in Shopify richtig vergleichst, steht in Shopify zählt Sitzungen neu.
Website-Check
Soll ich deine Seite vor dem 23. Oktober prüfen?
Ich teste deine WordPress-Website oder deinen Shopify-Shop bei allen Zwischenbreiten, spiele Formulare und Checkout durch und sage dir, was vor dem Verkaufsstart angepasst werden sollte.
FAQ
Häufige Fragen zum iPhone Duo.
Brauche ich eine eigene Version meiner Website?
Nein. Eine sauber responsive Website passt sich an. Eigene Fold-Erkennung ist in Safari derzeit ohnehin nicht möglich [4].
Ab wann ist das iPhone Duo erhältlich?
Vorbestellungen ab Freitag, 16. Oktober 2026, Verkauf ab Freitag, 23. Oktober 2026 [1].
Muss ich meine App sofort anpassen?
Sofort nicht. Screenshots für das iPhone Duo sind ab April 2027 Pflicht für jede Einreichung [2]. Neu kompilieren mit Xcode 27.1 lohnt sich aber früher, damit die App das Innendisplay richtig nutzt.
Quellen
Quellen
- Apple Newsroom: „Apple präsentiert das iPhone Duo“, 9. September 2026 – apple.com · abgerufen 08.10.2026.
- Apple Developer News: „Prepare and submit your apps for iPhone Duo“, 5. Oktober 2026 – developer.apple.com · abgerufen 08.10.2026.
- 9to5Mac (Marcus Mendes): „Apple invites developers to submit iPhone Duo-ready apps to the App Store“, 5. Oktober 2026 – 9to5mac.com · abgerufen 08.10.2026.
- WebKit Standards Positions: „Viewport Segments CSS and JS API“, Issue #327 – github.com · abgerufen 08.10.2026.
- webmobilefirst: „Apple iPhone Duo folded: resolution, CSS viewport, and simulator“ – webmobilefirst.com · abgerufen 08.10.2026.
Alle Quellen am 8. Oktober 2026 abgerufen. Aussagen ohne belastbare Quelle sind im Text als Einschätzung gekennzeichnet; die Ziffern in eckigen Klammern verweisen auf die Nummern dieser Liste.