Проблема рендеринга в Outlook, слишком большой текст - PullRequest
Новая
       24

Проблема рендеринга в Outlook, слишком большой текст

5 голосов
/ 17 ноября 2008

Я пытаюсь создать стандарт новостной рассылки для нашей организации, и у меня возникают проблемы с Outlook, который делает текст слишком большим.

Вот раздел css страницы 

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;
   }

Любые предложения, почему это может быть вызвано?

Ответы [ 5 ]

2 голосов
/ 23 февраля 2009

Вы пробовали использовать main *{font-size: 12pt;}?

Outlook по умолчанию использует Trident, движок IE для входящей почты и движок рендеринга Word HTML для исходящей почты ... До Office 2007 и люди ненавидят его.

Теперь использует рендеринг Word 2007 , для которого довольно не хватает . На странице Microsoft видно, что элемент de body не поддерживает атрибут style.

0 голосов
/ 05 ноября 2009

Добавьте эти метатеги, и вы обнаружите, что Word / Outlook «волшебным образом» отображает страницу (включая изображения) в правильном размере: 

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

Я понятия не имею, почему Outlook это делает, большинство корпоративных писем, которые я получаю, выглядят ужасно в Outlook - однако с этими тегами отправляемые мной выглядят нетронутыми.

0 голосов
/ 24 февраля 2009

уменьшил размер шрифта до меньшего, что при стандартном просмотре оказалось эквивалентным. Переписать страницу в div, считая, что это базовый шаблон, ссылающийся на идентификаторы div для визуализации, работал нормально. Протестировал его на различных учетных записях электронной почты, включая gmail, hotmail и отображаемых в outlook. Outlook был единственным проблемным, где ссылки на одну и ту же страницу не работают.

0 голосов
/ 18 февраля 2009

Многие программы чтения почты удаляют тег «body» из любого полученного электронного письма или игнорируют стили, примененные к этому элементу. Попробуйте применить размер шрифта к вложенному div.

0 голосов
/ 17 ноября 2008

Если вы хотите установить определенный размер для ваших шрифтов, то вам, вероятно, следует использовать тип фиксированного размера, например, pt. Вместо переменной, такой как em /%

Смотрите здесь , что я имею в виду.

...