Für eine E-Mail-Vorlage gilt Folgendes:
%Vor%Die Tabelle wird genau 700 Pixel breit sein, was benötigt wird. Aufgrund der vollständig festgelegten Breite kann die Größe von Geräten mit weniger als 700 Pixel Breite jedoch nicht geändert werden. Aber wenn ich das td-Element zu diesem ändern:
%Vor%Dann ist die Tabelle nur ~ 100 Pixel breit.
Wie würde ich das CSS neu anordnen, um es so zu machen, dass die Tabelle 700px ist, aber die Größe ändert, wenn das Ansichtsfenster kleiner wird?
max-width wird definitiv nicht gut unterstützt. Wenn Sie es verwenden möchten, verwenden Sie es in einer Medienabfrage in Ihrem Stil-Tag. iOS, Android und Windows Phone Standard Mail alle unterstützen sie. (Google Mail und Outlook Mobile nicht)
Sehen Sie sich das Beispiel von starbucks unten an
Ich hatte das gleiche Problem, weil ich die Bootstrap-Klasse "hidden-lg" auf dem Tisch hatte, was dazu führte, dass es blöd angezeigt wurde: block! wichtig;
Ich wundere mich, wie Bootstrap nie darüber nachdachte, stattdessen das zu tun:
%Vor%Und dann lassen Sie einfach das Element, was auch immer es zuvor für andere Bildschirmgrößen hatte. Vielleicht ist es zu weit fortgeschritten, dass sie es herausfinden können.
Wie auch immer:
%Vor%sollte funktionieren
Tags und Links css html-table html-email width