iPhone Duo: Muss eure Website jetzt angepasst werden?

Müssen wir unsere Website jetzt für das neue iPhone umbauen? Die Frage kommt auf, seit Apple das iPhone Duo am 23. Oktober 2026 in den Handel gebracht hat. Das erste faltbare iPhone hat zwei Displays, lässt sich hochkant und quer halten und zeigt Websites je nach Haltung in fünf verschiedenen Breiten. Für Unternehmen ist das weniger eine Designfrage als eine Prüfaufgabe: Welche Ansicht eurer Website erscheint in welcher Haltung, was verdeckt den Inhalt, und was davon solltet ihr eurer Agentur mitgeben?

Für diesen Ratgeber haben wir den WebKit-Blog zu Safari 27.1, die Pressemitteilung, die technischen Daten und die Entwicklerdokumentation von Apple, die ersten Tests der Fachpresse und die Ratgeber anderer Agenturen und Fachportale ausgewertet, alle abgerufen am 2. November 2026. Außerdem haben wir unsere eigene Website marschfahrt.de in den fünf Safari-Formaten des iPhone Duo getestet. Was dabei gut lief und wo wir selbst nacharbeiten müssen, steht weiter unten.

In a nutshell (as of November 2026)

Eure Website braucht für das iPhone Duo keinen Relaunch, aber einen gezielten Test in fünf Breiten. Safari auf dem Duo ist dasselbe Safari wie auf jedem anderen iPhone. Apples WebKit-Team schreibt: „Your websites and web apps work on iPhone Duo just like they do everywhere else.“ Neu ist, dass dieselbe Person eure Seite innerhalb weniger Sekunden schmal wie auf einem kleinen Handy und breit wie auf einem Tablet sieht. Prüfen solltet ihr deshalb drei Dinge: welches Layout bei 669 und 951 Pixeln Breite greift, ob Einwilligungsbanner und feste Leisten bei wenig Höhe den Inhalt verdecken, und ob eure Seite eine bewusst gesetzte Hintergrundfarbe hat. Wer eine eigene App betreibt, hat mehr zu tun: neu bauen mit Xcode 27.1 und neue Screenshots für den App Store anlegen.

Was das iPhone Duo ist

Das iPhone Duo ist ein faltbares iPhone mit einem 7,6-Zoll-Display innen und einem 5,4-Zoll-Display außen, erhältlich in Deutschland seit dem 23. Oktober 2026. Laut Apple Newsroom vom 9. September 2026 begannen die Vorbestellungen am 16. Oktober. Im Apple Store Deutschland kostet es, abgerufen am 2. November 2026, 2.299 Euro mit 256 GB, 2.549 Euro mit 512 GB, 3.049 Euro mit 1 TB und 3.799 Euro mit 2 TB. Wer heute bestellt, wartet möglicherweise lange: Dr. Web meldete am 23. Oktober, „Ein heute online bestelltes iPhone Duo liefert Apple in Deutschland am 25. Januar.“ Die aktuelle Lieferzeit haben wir nicht geprüft, sie steht im Apple Store.

Für Websites und Apps sind nur wenige Gerätedaten wichtig:

• Zwei Displays: innen 1878 × 2670 Pixel, außen 1398 × 2034 Pixel, laut technischen Daten beide mit bis zu 120 Hz. Apple spricht vom „gleichen Seitenverhältnis“, nach unserer Rechnung sind es innen etwa 1,42 und außen etwa 1,45.

• Touch ID statt Face ID: Die technischen Daten nennen einen „Fingerprint sensor built into the side button“. Face ID taucht dort nicht auf.

• Nur eSIM: „iPhone Duo is activated with an eSIM and does not support a physical SIM.“ Für Firmenhandys heißt das: Mobilfunkverträge müssen eSIM unterstützen.

• Split View: Erstmals laufen auf einem iPhone zwei Apps nebeneinander, auch zwei Safari-Fenster.

• Software: Das Gerät kam mit iOS 27.1 und Safari 27.1. Das Update auf Safari 27.2 vom 26. Oktober enthält nach unserer Durchsicht des WebKit-Beitrags keine Neuerungen speziell für das Duo.

Was sich für Websites ändert: fünf Breiten

Safari zeigt eure Website auf dem iPhone Duo in fünf Breiten zwischen 382 und 951 CSS-Pixeln, je nachdem, welches Display genutzt wird und wie das Gerät gehalten wird. Das hat Jen Simmons am 23. Oktober im WebKit-Blog zu Safari 27.1 veröffentlicht: „Across the possible combinations, the viewport width (in CSS pixels) in Safari 27.1 can range from 382 to 951. And the height can range from 368 to 902.“

Der WebKit-Blog zu Safari 27.1 mit der Spanne der Viewport-Breiten und -Höhen (1) und der Tabelle der fünf Zustände (2). Quelle: webkit.org, „WebKit Features for Safari 27.1“, 23. Oktober 2026, abgerufen am 2. November 2026.

• Außen hochkant: 382 Pixel breit, 580 bis 618 Pixel hoch. Etwas schmaler als bei vielen anderen iPhones.

• Außen quer: 594 Pixel breit, nur 368 bis 406 Pixel hoch.

• Innen hochkant: 669 Pixel breit, 867 bis 902 Pixel hoch.

• Innen quer: 951 Pixel breit, 585 bis 620 Pixel hoch.

• Innen quer mit zwei Fenstern nebeneinander: je 385 Pixel breit, 571 bis 609 Pixel hoch.

Die kleinere Höhe in jedem Zustand gilt, wenn Safaris Bedienleisten sichtbar sind, die größere, wenn sie eingeklappt sind. Spannend wird es, wenn man diese Breiten neben die Umschaltpunkte legt, an denen Websites vom Handy- auf das Tablet- oder Desktop-Layout wechseln. Diese Rechnung haben wir selbst gemacht, eine Quelle dafür gibt es nicht.

Die fünf Safari-Breiten des iPhone Duo im Vergleich zu den Standard-Umschaltpunkten von Tailwind CSS und Bootstrap 5.3 und denen von marschfahrt.de (Framer). Eigene Darstellung von marschfahrt.de auf Basis von webkit.org, tailwindcss.com und getbootstrap.com, abgerufen am 2. November 2026.

• Tailwind CSS: Standard-Umschaltpunkte bei 640, 768, 1024, 1280 und 1536 Pixeln. Innen hochkant (669) landet knapp über der kleinsten Stufe, innen quer (951) im Bereich ab 768, aber noch unter 1024. Das Duo bekommt aufgeklappt also nie die Desktop-Stufe ab 1024.

• Bootstrap 5.3: Stufen ab 576, 768, 992, 1200 und 1400 Pixeln. 594 und 669 fallen in dieselbe Stufe, 951 bleibt unter 992.

• marschfahrt.de (Framer): Handy bis 809 Pixel, Tablet von 810 bis 1199, Desktop ab 1200. Vier der fünf Duo-Breiten zeigen bei uns das Handy-Layout, nur innen quer erscheint das Tablet-Layout.

Das ist kein Fehler. WebKit schreibt ausdrücklich: „However, you don’t need to worry about all these numbers. Instead, lean into the wisdom of Responsive Web Design techniques.“ Eine Website, die flexibel umbricht, funktioniert in allen fünf Breiten. Ihr solltet nur wissen, welches Layout eure Kundschaft bei 669 Pixeln sieht: ein gestrecktes Handy-Layout mit sehr breiten Textzeilen oder ein gestauchtes Tablet-Layout. Beides kann gut oder schlecht aussehen, das zeigt nur ein Test. Apple rät in den Gestaltungsrichtlinien für das iPhone Duo zu demselben Prinzip: „Avoid fixed widths and display-specific dependencies.“

Unser Test mit marschfahrt.de

In unserem eigenen Test lief marschfahrt.de in allen fünf Duo-Formaten ohne seitlichen Überstand, aber wir haben eine Schwachstelle gefunden: unser Einwilligungsbanner. Am 2. November 2026 haben wir die Startseite, die Seite Webdesign und die Kontaktseite in den fünf Breiten aus der WebKit-Tabelle aufgenommen, jeweils mit der kleineren Höhe, also der Höhe, die bei sichtbaren Safari-Leisten bleibt. Das ergab 15 Aufnahmen mit Banner und dieselben noch einmal ohne.

Die Seite /leistungen/webdesign von marschfahrt.de in den fünf Safari-Formaten des iPhone Duo, Einwilligungsbanner ausgeblendet. Eigene Aufnahmen von marschfahrt.de vom 2. November 2026 mit Chromium, Viewport-Größen laut webkit.org.

• Kein Überstand: In keiner der 15 Aufnahmen ragte Inhalt seitlich über den Bildschirmrand hinaus. In Chromium musste nirgends horizontal gewischt werden.

• Layout-Zuordnung wie erwartet: Innen hochkant (669 Pixel) zeigt unser Handy-Layout, innen quer (951 Pixel) das Tablet-Layout mit dem Knopf „Projekt anfragen“ im Kopf. Kein Layout bricht.

• Banner zu groß: Dazu mehr im nächsten Abschnitt.

Eine Nebenbeobachtung betrifft alle, die ihre Website automatisch übersetzen lassen. Im ersten Durchlauf hatten wir dem Testbrowser keine deutsche Sprache mitgegeben. Unser Übersetzungswerkzeug hat ihn daraufhin automatisch auf die englische Fassung umgeleitet. Wer automatische Sprachweichen nutzt, sollte beim Testen die Browsersprache bewusst einstellen, sonst prüft man die falsche Seite.

Unser Test hat klare Grenzen. Wir haben mit Chromium getestet, nicht mit Safari, ohne Safaris Bedienleisten, ohne echtes Gerät und ohne Simulation des halb gefalteten Zustands. Wir haben die Breiten und Höhen nachgestellt, die WebKit veröffentlicht hat. Für einen Test mit echtem Safari bietet Apple den Simulator in Xcode an: „You don’t need iPhone Duo in hand to test your website or web app. Download Xcode 27.1 or later to get Device Hub, where you can create and use a simulator for iPhone Duo.“

Wo es hakt: wenig Höhe, Banner, Seitenstreifen

Das größte Risiko war in unserem Test nicht die Breite, sondern die geringe Höhe des Außendisplays im Querformat: 368 Pixel, in denen Banner und feste Leisten große Teile des Inhalts verdecken. Genau das ist uns passiert. Unser Einwilligungsbanner belegt zusammen mit der 48 Pixel hohen Kopfleiste zugeklappt hochkant 66 Prozent der sichtbaren Fläche, zugeklappt quer sogar 91 Prozent. Im Split View sind es 67 Prozent, aufgeklappt 34 Prozent hochkant und 38 Prozent quer.

Einwilligungsbanner und Kopfleiste von marschfahrt.de im zugeklappten Duo: hochkant 66 Prozent, quer 91 Prozent der sichtbaren Fläche. Eigene Messung von marschfahrt.de vom 2. November 2026 mit Chromium.

Wer die Seite zugeklappt im Querformat öffnet, sieht bei uns also fast nur den Banner. Die Seite dahinter ist kaum zu erkennen. Wir haben den Banner deshalb noch am selben Tag umgebaut: Bei wenig Höhe steht der Erklärtext jetzt in einem scrollbaren Bereich, die beiden gleichwertigen Knöpfe stehen daneben und bleiben immer sichtbar. Im selben Test sinkt der Anteil von Banner und Kopfleiste zugeklappt quer von 91 auf 48 Prozent, hochkant von 66 auf 47 Prozent. Dieselbe Prüfung empfehlen wir für jede Website, denn Einwilligungsbanner, feste Kopfleisten, Chat-Knöpfe und Hinweisleisten sind oft für hochkant gehaltene Handys gestaltet, das sollte man prüfen.

Das zweite Thema am Außendisplay sind Safaris seitliche Bedienelemente. Laut WebKit reicht die Seite nicht hinter diese Elemente: „In Safari 27.1, web content does not currently extend to fill the space behind these controls. Just like on other platforms, Safari looks at the web page and extends its background color to fill the space.“ Der Streifen neben den Bedienelementen nimmt also die Hintergrundfarbe eurer Seite an. Ist keine gesetzt, kann dort eine Farbe erscheinen, die nicht zum Design passt. Die Fachpresse sieht den engen Platz kritisch. 9to5Mac zitierte am 23. Oktober aus dem eigenen Review vom 21. Oktober: „The web simply isn't optimized for this form factor.“ WebKit untersucht nach eigener Aussage eine bessere Lösung, wie die aussieht, ist offen.

Zwei Maßnahmen lassen sich schnell umsetzen. Die erste folgt aus der WebKit-Beschreibung, die zweite ist unsere eigene Empfehlung, keine Vorgabe von Apple. Die Klassennamen sind Platzhalter für eure eigenen Bausteine:

/* Hintergrundfarbe bewusst setzen: Safari füllt damit
   am Außendisplay den Streifen neben den Bedienelementen */
html, body {
  background-color: #f5f3ee;
}

/* Eigene Empfehlung: bei sehr wenig Höhe feste Elemente entschärfen */
@media (max-height: 420px) {
  .einwilligungsbanner {
    max-height: 40vh;
    overflow-y: auto;
  }
  .kopfleiste {
    position: static;
  }
}

/* Hintergrundfarbe bewusst setzen: Safari füllt damit
   am Außendisplay den Streifen neben den Bedienelementen */
html, body {
  background-color: #f5f3ee;
}

/* Eigene Empfehlung: bei sehr wenig Höhe feste Elemente entschärfen */
@media (max-height: 420px) {
  .einwilligungsbanner {
    max-height: 40vh;
    overflow-y: auto;
  }
  .kopfleiste {
    position: static;
  }
}

/* Hintergrundfarbe bewusst setzen: Safari füllt damit
   am Außendisplay den Streifen neben den Bedienelementen */
html, body {
  background-color: #f5f3ee;
}

/* Eigene Empfehlung: bei sehr wenig Höhe feste Elemente entschärfen */
@media (max-height: 420px) {
  .einwilligungsbanner {
    max-height: 40vh;
    overflow-y: auto;
  }
  .kopfleiste {
    position: static;
  }
}

Die Grenze von 420 Pixeln haben wir so gewählt, dass sie das Außendisplay quer (368 bis 406 Pixel hoch) erfasst. Sie greift genauso bei anderen Handys im Querformat. Prüft danach, ob der Banner rechtlich weiter alle nötigen Angaben und Knöpfe gleichwertig zeigt.

Split View: großes Gerät, schmale Seite

Auch auf dem aufgeklappten Duo kann eure Website wieder im schmalen Handy-Layout erscheinen, nämlich dann, wenn jemand zwei Fenster nebeneinander öffnet. Im Split View ist jedes Fenster laut WebKit 385 Pixel breit. Apple nennt selbst ein Beispiel: Nutzer:innen könnten ein zweites Safari-Fenster öffnen, um Produkte zu vergleichen. Wer einen Shop oder Produktseiten betreibt, sollte deshalb nicht davon ausgehen, dass ein großes Gerät auch eine große Ansicht bedeutet.

Daraus folgt eine klare Regel: Das Layout muss sich nach der verfügbaren Breite richten, nicht nach dem Gerät. Websites, die per Browserkennung entscheiden, ob sie eine Handy- oder Desktop-Fassung ausliefern, sind hier im Nachteil. WebKit schreibt: „Avoid UA sniffing to detect devices, and use feature detection instead.“ Mit welcher Browserkennung Safari auf dem Duo auftritt und ob es innen standardmäßig Desktop-Seiten anfordert, hat Apple nach unserer Recherche nicht veröffentlicht.

Wechselt jemand zwischen den Haltungen, ändert sich die Breite während der Sitzung. WebKit zeigt in seinem Codebeispiel, wie Skripte bei jeder Größenänderung neu rechnen. Nach unserer Einschätzung lohnt ein Blick auf alles, was die Breite nur einmal beim Laden misst, etwa Bildergalerien, Karten oder breite Tabellen. Ob es beim Auf- und Zuklappen zu sichtbaren Layoutsprüngen kommt, hat bisher niemand gemessen, soweit wir es finden konnten.

Falz-APIs: was es gibt und warum ihr noch nichts tun müsst

Safari 27.1 bringt zwei Schnittstellen mit, über die Websites den Falz erkennen könnten, aber nur als Vorschau hinter Testschaltern, die normale Nutzer nicht aktivieren. WebKit schreibt: „For web developers, Safari 27.1 on iPhone Duo includes a preview of the Device Posture API and the Viewport Segments API, available behind feature flags.“ Die Device Posture API meldet, ob das Gerät halb gefaltet wie ein Buch oder Laptop gehalten wird. Die Viewport Segments API beschreibt, wo der Falz die Fläche teilt.

Für eure Website heißt das: Ohne aktivierten Schalter erfährt sie nichts vom Falz. WebKit selbst hält Änderungen für möglich: „With the Device Posture API and the Viewport Segments API behind flags, there may still be time to evolve how they work.“ Auch MDN führt beide Schnittstellen als experimentell. Wir raten davon ab, Funktionen eurer Website von diesen Schnittstellen abhängig zu machen. Wer etwa eine Web-App mit Leseansicht betreibt, kann damit experimentieren, für eine Unternehmenswebsite ist das derzeit kein Thema. Eine Besonderheit erledigt Safari von allein: Hält man das Duo halb gefaltet wie ein Buch, zeigt Safari PDFs laut WebKit automatisch als zwei Seiten nebeneinander.

Bezahlen, Login und Formulare

Apple Pay im Web funktioniert auf dem Duo laut Apple über Touch ID, an eurer Bezahlanbindung müsst ihr nach allem, was bekannt ist, nichts ändern. In den technischen Daten heißt es: „Pay with your iPhone using Touch ID in stores, within apps, and on the web“. Hinweise auf Änderungen an der Apple-Pay-Integration für Händler haben wir nicht gefunden.

Prüfen solltet ihr eure Texte. Steht im Bezahlvorgang, beim Login oder in einer Anleitung „mit Face ID bestätigen“, stimmt das auf dem Duo nicht. Wir empfehlen neutrale Formulierungen wie „mit Apple Pay bezahlen“ oder „am Gerät bestätigen“. Dasselbe gilt für Screenshots in Hilfeartikeln.

Bei Formularen zählen dieselben Grundsätze wie auf jedem Handy, mit einer Ergänzung: Wenn jemand während des Ausfüllens aufklappt oder dreht, ändert sich die Breite. Eingaben sollten dabei erhalten bleiben. Für Touch-Ziele nennt Apple eine Standardgröße von 44 × 44 Punkten, die WCAG 2.2 verlangen mindestens 24 × 24 CSS-Pixel. Wie schnell eure Seiten laden, zeigt unser Speed-Check.

Eigene App: neu bauen und Screenshots anlegen

Wer eine eigene iPhone-App betreibt, hat beim Duo mehr zu tun als bei der Website: Ohne neuen Build läuft die App mit Rändern, und für den App Store kommen neue Screenshot-Größen. Apple erklärt im Tech Talk „Prepare your app for iPhone Duo“: „Your app will work on iPhone Duo even if you haven't built it with the iOS 27 SDK.“ Zugeklappt nutzt sie dann nur die Fläche links neben Statusleiste und Kamera, aufgeklappt läuft sie in gewohnter iPhone-Größe. Erste Tests beschreiben das deutlich: Die Presseschau der Macwelt vom 22. Oktober zitiert Tester, die bei bestimmten Apps wie Disney Plus und The Weather Channel von dicken schwarzen Balken an den Seiten berichten.

Die Lösung ist ein neuer Build. In den Entwickler-News vom 5. Oktober schreibt Apple: „Recompile existing apps with Xcode 27.1, which adds development support for iPhone Duo.“ Mit dem iOS-27.1-SDK reicht die App bis an den Rand. Wichtig für eure Entwickler: Das Innendisplay hält sich nicht an festgelegte Ausrichtungen, Apple verweist stattdessen auf Größenklassen.

Bei den Screenshots gibt es einen Widerspruch, den wir nicht auflösen können. Die Entwickler-News sagen: „Starting April 2027, any apps or games submitted will need to include screenshots for iPhone Duo.“ Die Hilfeseite zu den Screenshot-Größen sagt dagegen: „Starting in April 2027, screenshots will be required for any app using the iOS 27.1 SDK or later.“ Einmal also für alle Einreichungen, einmal nur für Apps mit neuem SDK. Plant vorsichtig und legt die Screenshots bis April 2027 an, dann ist es egal, welche Fassung gilt. Die Größen sind 2007 × 2853 Pixel für innen und 1398 × 2034 Pixel für außen, jeweils auch quer. Wer Duo-Screenshots einreicht, bekommt laut Apple ein Abzeichen auf der Produktseite, dass die App für das Duo optimiert ist.

Manche Beiträge schreiben, ab April 2027 müssten alle Apps mit dem iOS-27-SDK gebaut werden. Auf Apples Seite zu kommenden Anforderungen steht das Stand 2. November 2026 nicht, dort ist die letzte Vorgabe Xcode 26 seit April 2026. Nach Apples bisherigem Muster ist eine solche Pflicht plausibel, belegt ist sie nicht.

Marketing: Prognosen und offene Fragen

Wie viele Menschen eure Website auf einem Duo sehen werden, weiß derzeit niemand, alle Zahlen dazu sind Prognosen aus der Zeit vor dem Marktstart. Counterpoint Research schätzte am 7. September 2026 „up to 6 million foldable iPhone shipments in 2026“ und hielt fest: „Foldables still account for only about 2% of the overall smartphone market.“ IDC erwartete laut 9to5Mac mehr als 10 Millionen Geräte im ersten Jahr. Echte Verkaufszahlen nach dem Marktstart gibt es nach unserer Recherche nicht. Dass die Vorbestellungen laut Dr. Web Apples Planung übertrafen, sagt noch nichts über den Anteil in eurer Zielgruppe.

Für Werbung und Newsletter gibt es keine offiziellen Aussagen:

• Anzeigenformate: Meta und Google haben nach unserer Recherche keine Änderungen für das Duo angekündigt. Das Fachportal PPC Land hat nachgerechnet, dass ein 300 Pixel breites Banner in jede Haltung passt, ein 728 Pixel breites nur innen quer. Das ist eine Rechnung, keine Plattformvorgabe.

• Newsletter: Wie Apple Mail auf dem Duo Newsletter darstellt, ist nicht dokumentiert. Ein Test in der Vorschau eures Versanddienstes bei 382 und 669 Pixeln schadet nicht.

• „Mitteilung an mich“: Die neue Safari-Funktion überwacht laut Apple Webseiten auf Änderungen, etwa bei Lagerbestand oder Preis. Wie sie Seiten ausliest, hat Apple nicht veröffentlicht. Ob die Funktion nur auf dem Duo läuft, haben wir nicht geprüft.

• Videos: Breite 16:9-Videos füllen das fast quadratische Innendisplay quer nicht aus. Für Kampagnen mit hohem Duo-Anteil könnte ein quadratischeres Format sinnvoll sein, Plattformvorgaben dazu gibt es nicht.

Unser Rat: Schaut in eurer Webanalyse nach, ob Besuche mit Breiten von 669 oder 951 Pixeln auftauchen, bevor ihr Budget umschichtet.

Was ihr eurer Agentur mitteilt

Ihr müsst eurer Agentur keinen Umbau beauftragen, sondern einen Prüfauftrag mit klaren Punkten geben. Am einfachsten schickt ihr den Link zur WebKit-Tabelle mit und bittet um Aufnahmen eurer wichtigsten Seiten in den fünf Breiten. Die folgenden acht Punkte decken das ab, was die Quellen und unser eigener Test hergeben.

Acht Punkte für die Prüfung eurer Website und App auf dem iPhone Duo. Eigene Zusammenstellung von marschfahrt.de auf Basis von webkit.org, Apple Developer und dem eigenen Test vom 2. November 2026.

• Mit fünf Breiten testen: 382, 594, 669, 951 und 385 Pixel, jeweils mit geringer Höhe, am besten im Simulator aus Xcode 27.1. Welches Layout greift bei 669 und 951?

• Banner und feste Leisten: Wie viel Fläche belegen Einwilligungsbanner, Kopfleiste und Chat-Knopf außen quer bei 368 Pixeln Höhe?

• Hintergrundfarbe setzen: auf html und body, damit der Seitenstreifen am Außendisplay passt.

• Keine Geräteweiche: Gibt es Stellen, die per Browserkennung zwischen Handy- und Desktop-Fassung umschalten?

• Split View mit 385 Pixeln: Bleiben Navigation, Warenkorb und Formulare bedienbar?

• Bezahl-Hinweise: Texte mit Face ID neutral formulieren, das Duo nutzt Touch ID.

• Eigene App: neuen Build mit Xcode 27.1 einplanen und Duo-Screenshots bis April 2027 anlegen.

• Kein Relaunch nötig: Wer euch wegen des Duo einen Neubau empfiehlt, sollte das mit konkreten Testergebnissen begründen.

Wenn eure Website Videos im Vollbild abspielt, fragt zusätzlich danach. Der Videodienst Mux schrieb am 23. Oktober: „Despite an open Duo being basically an iPad, Apple still doesn't allow our elements in fullscreen.“ Vollbild für einzelne Elemente bleibt also auch auf dem großen Innendisplay eingeschränkt, eure Agentur sollte das beim Player berücksichtigen.

Was die Konkurrenz schreibt

Die meisten Ratgeber zum iPhone Duo geben vernünftige Tipps, einige sind aber durch den WebKit-Beitrag vom 23. Oktober überholt oder stellen Vermutungen als Tatsachen dar. Eine Behauptung, die Website müsse komplett neu gebaut werden, haben wir in keinem Beitrag gefunden. Der Ton ist insgesamt sachlicher, als man befürchten könnte.

• Dr. Web (29. September): Der Beitrag zur Anpassung von Apps und Websites ist solide und setzt richtig auf flexible Layouts. Er schreibt aber: „Safari unterstützt die Viewport Segments API nicht.“ Seit dem 23. Oktober gibt es die Schnittstelle laut WebKit als Vorschau hinter Testschaltern auch auf dem Gerät, nicht nur im Simulator. Für normale Nutzer bleibt die Aussage praktisch richtig. Die Viewport-Zahlen fehlen, weil WebKit sie erst später veröffentlicht hat.

• Origami (8. September): Der Beitrag erschien vor der Vorstellung, trägt einen KI-Hinweis und schreibt über faltbare Geräte: „Ein Foldable bricht diese Annahme Dutzende Male am Tag.“ Daten dafür nennt er nicht. Der Hinweis, Formulareingaben bei Größenwechseln zu erhalten, ist trotzdem richtig.

• Ritner Digital (26. September): Die US-Agentur beschreibt, wie „Mitteilung an mich“ wirkt: „Notify Me turns every markdown into a push alert“. Im selben Text steht aber: „Apple hasn't published how Notify Me reads a page.“ Das Duo dient dort vor allem als Aufhänger für Siri- und Suchthemen.

• Falsche Punktgrößen: Einige Beiträge rechnen für das Innendisplay mit 626 × 890 Punkten, also Pixel geteilt durch drei. Das passt nicht zu den 669 und 951 Pixeln, die WebKit für Safari veröffentlicht hat.

• SDK-Pflicht ab April 2027: Wie oben beschrieben, steht sie nicht auf Apples Seite zu kommenden Anforderungen.

Die Zahlen aus der WebKit-Tabelle gegen gängige Umschaltpunkte zu legen, den Seitenstreifen am Außendisplay und die geringe Höhe im Querformat haben wir in deutschen Beiträgen bisher nicht gefunden. In unserem Test war die geringe Höhe die deutlichste Schwachstelle.

Frequently Asked Questions

Die meisten Fragen drehen sich um Testaufwand, Desktop-Ansicht und Relaunch.

Brauchen wir ein iPhone Duo, um unsere Website zu testen?

Nein. Apple bietet in Xcode 27.1 einen Simulator für das iPhone Duo an, mit dem sich das Gerät auf- und zuklappen und drehen lässt. Für einen ersten Eindruck reicht auch ein Browserfenster in den fünf Größen aus der WebKit-Tabelle. Das ersetzt aber kein echtes Safari, wie die Grenzen unseres eigenen Tests zeigen.

Sieht man auf dem aufgeklappten Duo die Desktop-Version?

Das hängt von euren Umschaltpunkten ab. Bei 951 Pixeln Breite erreichen weder die Standards von Tailwind und Bootstrap noch unsere eigene Framer-Website die Desktop-Stufe, es erscheint ein Tablet- oder Handy-Layout. Ob Safari innen von sich aus Desktop-Seiten anfordert, hat Apple nicht veröffentlicht.

Lohnt sich ein Relaunch wegen des iPhone Duo?

Allein wegen des Duo nicht. Eine Website, die flexibel umbricht, braucht gezielte Korrekturen, etwa am Banner. Wenn eure Website aber ohnehin feste Breiten oder eine getrennte Mobilfassung hat, ist das ein Grund, über einen Relaunch nachzudenken, unabhängig vom Duo.

Müssen wir die neuen Falz-Schnittstellen einbauen?

Nein. Device Posture API und Viewport Segments API sind in Safari 27.1 nur als Vorschau hinter Testschaltern verfügbar und laut WebKit noch veränderlich. Eure Website sollte ohne sie vollständig funktionieren.

What Has Changed and What That Means for You

Die wichtigsten Fakten für Websites liegen erst seit dem Marktstart vor, ältere Ratgeber kennen sie noch nicht.

9. September 2026: Apple stellt das iPhone Duo vor und veröffentlicht Gestaltungsrichtlinien. Gerätedaten in Beiträgen von davor beruhen auf Gerüchten.

5. Oktober 2026: Apple ruft Entwickler auf, Apps mit Xcode 27.1 neu zu bauen, und kündigt die Screenshot-Pflicht ab April 2027 an. Plant den App-Build jetzt ein.

16. und 23. Oktober 2026: Vorbestellung und Marktstart. Am 23. Oktober veröffentlicht WebKit die fünf Viewport-Größen und die Falz-Schnittstellen als Vorschau. Ab hier lässt sich gezielt testen.

26. Oktober 2026: Safari 27.2 erscheint, nach unserer Durchsicht ohne Neuerungen speziell für das Duo. Der Stand vom 23. Oktober gilt weiter.

2. November 2026: Unser eigener Test von marschfahrt.de: kein Überstand, Layouts brechen nicht, der Einwilligungsbanner ist bei wenig Höhe zu groß. Prüft eure Website auf dieselben Punkte.

Date of this version: November 2, 2026.

Conclusion

Das iPhone Duo ist für Unternehmen kein Grund zur Eile, aber ein guter Anlass, die eigene Website in fünf Breiten und bei wenig Höhe zu prüfen. Eine flexibel gebaute Website funktioniert auf dem faltbaren iPhone, das bestätigen WebKit und unser eigener Test. Die Schwachstellen liegen im Detail: Einwilligungsbanner und feste Leisten am Außendisplay im Querformat, eine fehlende Hintergrundfarbe, Geräteweichen und Bezahltexte mit Face ID. Wer eine eigene App betreibt, sollte den neuen Build und die Screenshots bis April 2027 einplanen.

Wenn ihr wissen wollt, wie eure Website in den Duo-Formaten aussieht, schaut euch an, wie wir Unternehmenswebsites planen und prüfen. Für eine erste Einschätzung erreicht ihr uns über die Kontaktseite.