Я использовал CSS в своем письме и отправил его.
Когда я получил письмо в Gmail, все CSS были отключены; однако, когда я получил электронное письмо в thunderbird или Outlook, все в порядке.
Как я могу это исправить?
Почему Gmail блокирует CSS в сообщениях электронной почты?
Ответ 1
Gmail не полностью блокирует CSS. Он по-прежнему поддерживает встроенный стиль. Почему он не поддерживает блок стиля, я понятия не имею. Чтобы иметь хороший обзор поддержки CSS в различных почтовых и почтовых клиентах, здесь хороший. http://www.campaignmonitor.com/css/
Ответ 2
Таблицы стилей - одна из многих функций HTML, которые часто блокируются поставщиками веб-почты.
HTML-почта - это мир боли, и это не улучшится - на самом деле вы можете ожидать от него get хуже. Почти каждая функция HTML не поддерживается в некоторых службах почтовой или веб-почты. Все, что угодно современно, - это мертвая потеря. И, конечно, все еще есть только текстовые клиенты.
Если у вас нет бесконечного свободного времени, чтобы сжечь угадывание кода и тестирование каждого последнего почтового сервера, забыть HTML-почту. Просто отправьте текстовое письмо со ссылкой на обычную веб-страницу, где вы можете быть уверены, что все будет работать так, как ожидалось.
Ответ 3
Я отвечаю на него слишком поздно, но это может помочь кому-то здесь. Чтобы иметь возможность просматривать почту, как она есть в gmail и других почтовых клиентах, вам нужен встроенный стиль для каждого тега в вашем html, но для написания встроенного css для каждого тэга html требуется много времени, чтобы сэкономить ваше время на использовании встроенного инструмента
http://templates.mailchimp.com/resources/inline-css/
Просто вставьте весь шаблон электронной почты, и вы получите html-документ с встроенным css в каждом теге. Это очень просто:)
Примечание. Вы можете иметь свой класс и идентификатор в классе как есть.
Ответ 4
Если вы могли бы вставлять стили в классы и идентификаторы в электронном письме, это может случайно столкнуться со стилями, используемыми gmail для отображения приложения, или специально для кого-то со злонамеренными намерениями. Внутристрочные стили являются локальными для тега и поэтому оставляют только стили gmail.
Google должен защищать пользовательский интерфейс, созданный для людей.
Ответ 5
Другим хорошим источником информации является MailChimp EMail Template Reference. Я считаю, что раздел "Развитие" особенно полезен, поскольку он содержит информацию о том, что CSS GMail поддерживает и как его использовать.
Ответ 6
Я только что тестировал это, и он поддерживает встроенные стили, делает код немного уродливым, но вы можете обойти все это.
Надеюсь, что это поможет.
Ответ 7
Если вы используете Ruby on Rails и ActionMailer, вы можете использовать gem ActionMailer Inline CSS. Все, что вам нужно сделать, это установить драгоценный камень, и он автоматически введет все CSS в ваши шаблоны писем. Это буквально не могло быть проще.
Ответ 8
<style type="text/css"></style>
Теги спомогли мне, у меня была проблема, когда весь мой CSS не работал, потому что я пропустил ;
Это был утомительный процесс, но я в конце концов нашел его.
По этой ссылке # 9 отсюда я дал первоначальный намек, что это может быть связано с отдельной строкой CSS.
Ответ 9
Gmail блокирует все внешние (указанные) активы - таблицы стилей, изображения, скрипты и т.д. Это защищает конфиденциальность получателя. Вы можете по-прежнему включать встроенные стили:
<span style="color:red;">Red text</span>