Outlook (2013), похоже, отображает мои письма в формате HTML значительно больше, чем любой другой клиент.HTML-адрес электронной почты делает больше в Outlook
Относительно говоря, все выглядит правильно. Но по сравнению с электронной почтой, отображаемой в любом браузере или другом клиенте, Outlook выглядит ОГРОМНЫМ.
Кто-нибудь еще это понимает? Это как раз мои настройки Outlook каким-то образом или есть что-то, что я должен был иметь в своем HTML для компенсации?
Перспективы на левом, 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>
Пожалуйста, разместите свою разметку. Примечание. Все CSS должны быть встроены в Outlook. Я использую Zurbs inliner. Похоже, что он работает достаточно хорошо для согласованности нескольких клиентов в электронной почте HTML. http://foundation.zurb.com/emails/inliner.html – Korgrue
@Korgrue Нет ничего особенного. Все мои стили inline, в px, и я использую структуру таблицы. Абсолютно все правильно, насколько макет, относительный интервал и т. Д. Он просто отображает больше в Outlook. –
Вы уверены, что ваш уровень масштабирования установлен на значение по умолчанию в клиенте? Чтобы сбросить масштаб в Outlook 2013: Открыть новое сообщение. Нажмите кнопку «Масштаб» на ленте. Измените масштаб на желаемый уровень. Закройте сообщение. Нажмите новое сообщение (или ответьте), и зум должен быть нужного уровня. – Korgrue