CSS на электронной почте
Promise.reject() где-нибудь в цепочке обещаний должно это сделать.
5 ответов
Единственным путем мы были успешны, должен включать встроенный CSS. Заголовок документа разрабатывает включение CSS, не последовательно или надежен.
Кроме того, удостоверьтесь, что Ваши почтовые заголовки установлены на: тип контента: текст/HTML; charset=ISO-8859-1
РЕДАКТИРОВАНИЕ UTF-8 является также хорошим вариантом. Ключевым пунктом того оператора является Тип контента, устанавливаемый на текст/HTML
Вот подробное руководство, на котором стили CSS поддерживаются каждым почтовым клиентом: http://www.campaignmonitor.com/css/
Руководство по тому, что необходимо будет знать: http://www.campaignmonitor.com/design-guidelines/
Существует также большое количество свободных предварительно созданных шаблонов, которые можно использовать в качестве ссылки: http://www.campaignmonitor.com/templates/
Наконец, та же компания обеспечивает инструмент тестирования, который покажет Вам, как Ваше сообщение соберется в каждом почтовом клиенте для разумного сбора: http://www.campaignmonitor.com/testing/
К сожалению, необходимо включать CSS, встроенный в элементы, чтобы иметь любую неопределенную совместимость через почтовые клиенты. Кроме того, необходимо использовать таблицы для расположения (столбцы, и т.д.), потому что разметки отделения CSS часто перестали работать. Приложенные изображения также перестали работать главным образом для cid: URL. Thunderbird о лучшем почтовом клиенте для совместимости (очевидно, поскольку это использует рендерер Геккона). Outlook хуже.
Кроме того, используйте многослойную пантомиму с альтернативой простого текста. Я использую базу данных для хранения почтовых шаблонов, и существует простой текст и шаблоны HTML с {{заменимыми}} значениями.
В дополнение к встроенной CSS, которую все рекомендуют, имейте в виду, что электронная почта часто отображается онлайн в другой веб-странице, такой как через Почту Yahoo!, Hotmail или Gmail. Можно вообразить хаос, который последовал бы если body объявления стиля или случайные имена классов были позволены. Необходимо запланировать возможность, что что-либо, что не определяется встроенное, будет отброшено, хотя некоторые системы могли бы попытаться сохранить эти правила с непредсказуемым успехом.
Встроенный CSS - необходимость для обеспечения максимальной совместимости.
Некоторые системы как MailChimp будут посещать Ваши уроки элемента, анализировать Ваш CSS и заменять атрибуты класса встроенными стилями. Вы могли написать свой собственный код, чтобы сделать это.