2017-09-03 3 views
1

Ich erstelle eine HTML-E-Mail mit einer Mobil- und Desktop-Version. Die Art, wie ich das bewerkstellige, besteht darin, zwei getrennte Tabellen zu erstellen, einen mit der ID #desktop und den anderen mit einem #mobile. An einem bestimmten Punkt mit einer Medienabfrage (ca. 450px) setze ich die Anzeige für #desktop auf none und es funktioniert. Auf meinem Telefon erscheint nur die mobile Version wie erwartet; Wenn Sie jedoch auf dem Desktop bei Google Mail die Meldung "Bilder anzeigen unten" eingeben, wird die mobile Version der E-Mail nach dem Klicken unter der Desktop-Version angezeigt (obwohl die Anzeige natürlich auf "Keine" eingestellt ist).Überwindung von Google Mail "Bilder unten anzeigen" (HTML-E-Mail-/Medienabfragen)

Jetzt. Ich habe eine Million Möglichkeiten ausprobiert, um das zu beheben. Ich habe die Medienabfragen optimiert. Ich gab #mobile einen Rand, um es zu verstecken, ich änderte alle Bilder in Hintergrundbilder, aber aus irgendeinem Grund, egal was ich tue, kann ich das nicht umgehen ... hat jemand eine ähnliche Erfahrung gemacht, wo sie eine Lösung gefunden haben ?

+0

vielleicht sollten Sie auch Ihren Code eingeben – masterpreenz

Antwort

0

Ich denke, ich weiß, was hier passiert und da Sie keinen Code gegeben haben, um mit zu gehen, werde ich einen Stich im Dunkeln machen. Damit die mobile Version vollständig ausgeblendet werden kann, müssen die Bilder auf 1px x 1px oder 0px x 0px festgelegt werden.

Sie steuern die mobile Version mit CSS, so dass Sie jedes einzelne Bild als Ziel auswählen und ihm eine Breite von 100% und Höhe automatisch zuweisen können.

Lassen Sie mich wissen, ob es für Sie funktioniert.