Unterstützung für responsive E-Mails in der Gmail App IOS

Question

Ich weiß nicht, inwieweit die Google Mail-App für iOS responsive E-Mails unterstützt. Es scheint klar zu sein, dass die Android-Version dies nicht unterstützt: Reaktionsfähige E-Mails in der Gmail-App (Android)

Aber was ist mit der Google Mail-App für iOS?

Ich habe das Verhalten mit Standardvorlagen getestet, die direkt aus Campaign Monitor stammen, und die App zeigt nur die Webversion an.

Prost

Answer 1

Die Gmail-App scheint alle CSS-Elemente aus dem Header zu entfernen (so wie die Browser-Version). Daher unterstützt sie keine Media-Query-basierten responsiven Newsletter.

Mehr sehen Sie hier https://www.campaignmonitor.com/forums/topic/7288/gmail-ios-app-ignores-meda-declaration-in-css/

Answer 2

Keine Version von Google Mail unterstützt die <style> Tag, so dass Medienabfragen, die nicht inlined werden können, in Google Mail unwirksam sind.

Wenn Sie eine einheitliche Darstellung für alle Kunden wünschen, entscheiden sich die meisten für ein fließendes Layout. Damit sind Sie allerdings auf einspaltige Designs beschränkt. Sie können eine Medienabfrage für die maximale Breite festlegen, damit die E-Mail in Outlook wie eine normale 600 Pixel breite E-Mail aussieht, aber die Größe für alle Geräte, die kleiner als 600 Pixel breit sind, angepasst wird.

Ich hoffe, das hilft.

Answer 3

Das kann helfen: http://www.emailonacid.com/blog/details/C13/the_android_mail_app_and_css_class_declarations

Andere haben (richtigerweise) festgestellt, dass Gmail die <style>-Tags entfernt. Dies gilt für die Gmail-App auf Android und iOS, glaube ich.

Die native Mail-App für Android scheint dies jedoch nicht zu tun - und genau darum geht es in der von mir angegebenen URL.

Randbemerkung: Es wird zwar nicht erwähnt, aber ich bin mir ziemlich sicher, dass man media="all" in einen <style>-Tag einfügen kann und damit die gleichen Ergebnisse erzielt (im Gegensatz zur Verwendung von <link> oder dem Einfügen von @media in <style>).

Zum Wohl.