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