style-Tag funktioniert nicht in MS Outlook - HTML, CSS, Outlook

was ich brauche

  • Ich muss den gesamten Inhalt der E-Mail in eine einzelne Seite im A4-Format machen.

css

<body style="height:297mm;width:210mm;margin-left:auto;margin-right:auto">
----email content---
</body>
  • Wenn ich versuche, E-Mail-Quelltext CSS-Eigenschaft waren schon da.

Problem

  • Wenn Sie versuchen, von ms Outlook zu drucken, dann bewegen sich html Inhalt in 2 Seite, von denen mein Bedarf 1 Seite ist.

Arbeiten CSS im Browser

Wenn ich versuche, den gleichen Inhalt vom Browser zu drucken, dann kann HTML-Inhalt in A4-Seite erhalten.

kann jemand vorschlagen, wie man alle Inhalte in einzelne a4 Größe Seite schrumpfen.

Jeder Vorschlag ist sehr willkommen.

Antworten:

0 für die Antwort № 1

Hör auf nach einem Grund zu suchen: E-Mail-Clients sind sehr in Bezug auf CSS-Eigenschaften.

Wenn Sie eine E-Mail schreiben, wird fast keine CSS-Eigenschaft akzeptiert.

Sie können finden eine erschöpfende Liste hier.

Nachdem ich etwas damit herumgespielt habe, kann ich Ihnen sagen, dass die beste Möglichkeit, eine formatierte Mail zu versenden, darin besteht, ein table und style diesen Tisch mit Inline-Styling.

Viel Glück damit, du wirst es brauchen.


0 für die Antwort № 2

Ich empfehle Ihnen, Stile zu schreiben pixels. Ich habe eine so große Erfahrung in E-Mail Markup und Microsoft Outlook wirklich schädlich.

Und ich bin mir nicht sicher margin: auto wird in Outlook ordnungsgemäß funktionieren.

Also, versuche zum Beispiel zu schreiben:

<body style="height:500px;width:500px;">

0 für die Antwort № 3

Die Lösung, die bei mir in MS Outlook funktioniert hat.

 <div>
<!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-
microsoft-com:office:word" href="http://" style="yourstylinghere;"
stroke="f" fillcolor="#556270">

<![endif>

Dein Inhalt

  <!--[if mso]>

</v:rect>
<![endif]-->
</div>

Speisekarte