Outlook-Rendering-Problem, Rendering Text zu groß

Question

Ich versuche, einen Newsletter-Standard für unsere Organisation zu erstellen und Probleme mit Outlook Rendering der Text zu groß. Hier

ist der CSS-Bereich der Seite

body { 
    margin: 0; 
    padding: 0; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 75%; 
    background: url(http://www.blah.com/stuff.gif); 
    } 
a { 
    color: #f24c22 !important; 
    } 
a:visited { 
    color: #f24c22 !important; 
    } 
a:hover { 
    color: #3d7ac5 !important; 
    } 
table { 
    background: #ffffff; 
    } 
h1 { 
    font-size: 1.3em; 
    } 
h2 { 
    font-size: 1.2em; 
    color: #494949; 
    padding-top: 0 !important; 
    margin-top: 0 !important; 
    } 
h3 { 
    font-size: 1.1em; 
    color: #12377c; 
    } 
p { 
    padding-top: 0 !important; 
    margin-top: 0 !important; 
    color:#333333; 
    } 
    .style1 {color: #333333} 
    .style2 {color: #12377c} 
    .style3 { 
     font-size: smaller; 
     color: #666666; 
    } 

Irgendwelche Vorschläge, warum dies verursacht werden könnte?

Answer 1

Haben Sie versucht, main *{font-size: 12pt;} zu verwenden?

Outlook standardmäßig verwendet, Trident, IE-Engine für eingehende E-Mails und Word HTML-Rendering-Engine für abgehende Post ... Until Office 2007, and people hate it.

Nun it uses Word 2007's rendering, weicht is rather lacking. On microsoft's page können Sie sehen, dass de body Element das Attribut style nicht unterstützt.

Answer 2

Wenn Sie eine bestimmte Größe für Ihre Schriftarten festlegen möchten, sollten Sie wahrscheinlich einen festen Schriftgrad wie pt verwenden. Anstatt eine Variable wie em /%

See here für was ich meine.

Answer 3

Viele Mail-Leser entfernen das "body" -Tag von jeder empfangenen E-Mail oder ignorieren Stile, die auf dieses Element angewendet wurden. Versuchen Sie, die Schriftgröße auf ein umschließendes div anzuwenden.

Answer 4

abstrahierte die Schriftgröße zu kleineren, die ich bei Standard-Viewing als die entsprechende Größe gefunden. Rewrite-Seite in divs in Anbetracht der Tatsache, dass es eine grundlegende Vorlage ist, auf die IDs der divs verwiesen, um zu rendern, funktionierte gut. Getestet auf verschiedenen E-Mail-Konten einschließlich Gmail, Hotmail und über Outlook gerendert. Outlook war das einzige Problem, bei dem die gleichen Seitenreferenzverbindungen fehlschlugen.

Answer 5

diese Metatags hinzufügen und Sie werden das Word/Outlook „magische Weise“ macht die Seite (einschließlich Bilder) die richtige Größe finden:

<meta name="ProgId" content="Word.Document" /> 
<meta name="Generator" content="Microsoft Word 12" /> 
<meta name="Originator" content="Microsoft Word 12" /> 

Ich habe keine Ahnung, warum Outlook dies der Fall ist, die meisten Unternehmen E-Mails ich bekommen sieht in Outlook furchtbar aus - aber mit diesen Tags sehen die, die ich sende, makellos aus.