2016-06-08 1 views
0

Outlook (2013), похоже, отображает мои письма в формате HTML значительно больше, чем любой другой клиент.HTML-адрес электронной почты делает больше в Outlook

Относительно говоря, все выглядит правильно. Но по сравнению с электронной почтой, отображаемой в любом браузере или другом клиенте, Outlook выглядит ОГРОМНЫМ.

Кто-нибудь еще это понимает? Это как раз мои настройки Outlook каким-то образом или есть что-то, что я должен был иметь в своем HTML для компенсации?

enter image description here

Перспективы на левом, Chrome GMail справа, из того же экрана.

Разметка нет ничего особенного:

<table cellspacing="0" cellpadding="0" style="width:100%;border-collapse:collapse;mso-table-layout-alt:fixed;"> 
    <tr> 
     <td></td> 
     <td style="display:block!important;max-width:520px!important;margin:0 auto!important;padding:0 10px 40px;" style="width:520px;padding:0 10px 40px;"> 
      <div style="max-width:520px;margin:0 auto;display:block;width:auto;"> 
       <table cellspacing="0" cellpadding="0"> 
        <tr> 
         <td> 
          <p style="font:700 20px/28px Arial;margin:22px 0 0;padding:0;color:#000000;">This is an H1 element</p> 
          <p style="font:100 15px/23px Arial;margin:16px 0 0;padding:0;color:#4d4e53;">This is a paragraph element with text about us and how we should put a period in here somewhere, but I'm a developer not a content writer so that's on you. The color of the paragraphs is #4d4e53 while the Header (H1-H4) are black.</p> 
          <p style="font:700 18px/26px Arial;margin:16px 0 0;padding:0;color:#000000;">This is an H2 element</p> 
          <p style="font:100 15px/23px Arial;margin:16px 0 0;padding:0;color:#4d4e53;">This is another paragraph element. This is a <a href="#" style="text-decoration:none;color:#59BCE9;">link to somewhere</a> and <span style="white-space:nowrap;">614-123-4567</span> is how a phone number is formatted.</p> 
         </td> 
        </tr> 
       </table> 
      </div> 
     </td> 
     <td></td> 
    </tr> 
</table> 
+0

Пожалуйста, разместите свою разметку. Примечание. Все CSS должны быть встроены в Outlook. Я использую Zurbs inliner. Похоже, что он работает достаточно хорошо для согласованности нескольких клиентов в электронной почте HTML. http://foundation.zurb.com/emails/inliner.html – Korgrue

+0

@Korgrue Нет ничего особенного. Все мои стили inline, в px, и я использую структуру таблицы. Абсолютно все правильно, насколько макет, относительный интервал и т. Д. Он просто отображает больше в Outlook. –

+0

Вы уверены, что ваш уровень масштабирования установлен на значение по умолчанию в клиенте? Чтобы сбросить масштаб в Outlook 2013: Открыть новое сообщение. Нажмите кнопку «Масштаб» на ленте. Измените масштаб на желаемый уровень. Закройте сообщение. Нажмите новое сообщение (или ответьте), и зум должен быть нужного уровня. – Korgrue

ответ

0

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

https://litmus.com/community/discussions/151-mystery-solved-dpi-scaling-in-outlook-2007-2013

В основном добавить код VML в верхней и установить ширину и высоту элементы внутри тегов стиля.

Смежные вопросы