Ich entwerfe einen HTML-Newsletter, der bisher auf jedem E-Mail-Client sehr gut funktioniert.
Auf mobilen Geräten sollte es sich bis zu 100% Breite erstrecken, was es bis jetzt tut.
Aber:
Auf iPhone-Mail, wenn die Mail öffnet, sehe ich für eine Sekunde die hundert Prozent Breite, bis dann ein Platz auf der rechten Seite hinzugefügt wird. Es ist immer der gleiche Abstand.
Ich habe versucht, meinen Code auf das Minimum zu reduzieren, um zu sehen, was der Grund sein könnte. Dort fand ich heraus, dass es sich um Links handeln könnte, es könnte eine Grenze sein. Manchmal funktioniert es wieder und wieder nicht.
Gibt es ein Geheimnis über 100% Breite auf dem iPhone in HTML-Newslettern, die ich noch nicht kannte?
Code:
%Vor%In diesem bereitgestellten Code funktioniert 100% Breite nur ohne den Anker.
Diese Lösung wurde gerade für ein ähnliches Problem veröffentlicht: Link in 100% Breite Tabelle ergibt 90% Breite Tabelle
Dieser MacRumors-Thread bietet eine Lösung für das Problem: Ссылка
Versuchen Sie, align="center" und style="text-align: center" auf die erste Tabelle zu setzen und dann style="text-align: left" bei Bedarf auf die zweite zu setzen.
Wenn Sie Ihren Inhalt in eine übergeordnete Tabelle mit zentrierter Ausrichtung einbinden, scheint dies den rechten Rand des iPhone-Mailreaders zu beseitigen.
Die Verwendung von min-width und margin:0 auto; hat dieses Problem für mich vollständig behoben.
Tags und Links html css iphone html-table email