Почему элементы ‹p› отображаются в электронной почте Rackspace по-разному?

Почему элементы <p> отображаются в электронной почте Rackspace иначе, чем в других почтовых клиентах, таких как Gmail, Outlook.com, Outlook (настольное приложение) и Mail (почтовый клиент, поставляемый с OS X)?

Вот как мои элементы <p> выглядят в Gmail, Outlook.com, Outlook и Mail: введите здесь описание изображения

А вот как мои <p> элементы выглядят в веб-почте Rackspace: введите здесь описание изображения

Вот как выглядит код внутри моего письма:

<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>

Я пытался использовать это приложение для нормализации своей электронной почты, но в Rackspace оно по-прежнему выглядит иначе: http://premailer.dialect.ca/

Как сделать так, чтобы разрывы строк отображались в электронной почте Rackspace?


email html-email rackspace webmail
person Ralph David Abernathy    schedule 17.08.2017    source источник
comment
Можем ли мы получить полный источник электронной почты? Также Rackspace может отображать CSS, который нацелен на теги p в вашем коде, но я не могу быть уверен, пока не увидим код.   -  person Syfer    schedule 18.08.2017

Ответы (1)


arrow_upward
3
arrow_downward

Различные почтовые клиенты имеют разные стили по умолчанию для определенных тегов (например, веб-браузеры). В этом случае, похоже, Gmail, Outlook.com, Outlook и Mail предоставляют нестилизованному тегу <p> небольшое нижнее поле, тогда как Rackspace почта нет.

Это можно сбросить, указав явное поле. Использование встраивания, такого как premailer, работает просто отлично, хотя встраивание вручную более прямолинейно.

<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
person Ted Goas    schedule 18.08.2017