Pourquoi Gmail bloque CSS dans les e-mails?
8 réponses
Gmail ne bloque pas totalement CSS. Il supporte toujours le style inline. Pourquoi ne supporte-t-il pas le style block, Je n'en ai aucune idée. Pour avoir une bonne vue d'ensemble du support CSS dans divers clients webmail et email, en voici une bonne. http://www.campaignmonitor.com/css/
sont l'une des nombreuses fonctionnalités HTML qui sont souvent bloquées par les fournisseurs de courriel web.
un mail en HTML est un monde de souffrance et il ne va pas faire mieux - en fait, vous pouvez vous attendre à empirer . Presque toutes les fonctionnalités de HTML ne sont pas prises en charge dans certains mailer ou webmail service. N'importe quoi moderne est une perte sèche. Et bien sûr, il y a encore les clients texte-seulement.
sauf si vous avez du temps libre sans fin pour graver votre code et tester chaque mailer, forget HTML mail . Il suffit d'envoyer un message texte avec un lien vers une page Web normale où vous pouvez être sûr que tout fonctionnera comme prévu.
si vous pouviez intégrer des styles à des classes et des ID dans un e-mail, ceux-ci pourraient accidentellement entrer en collision avec des styles utilisés par gmail pour afficher l'application, ou volontairement par quelqu'un avec des intentions malveillantes. Les styles en ligne sont locaux à l'étiquette, et donc laisser gmail styles seul.
Google doit protéger l'expérience utilisateur qu'il a créé pour les gens.
je réponds trop tard mais cela pourrait aider quelqu'un ici. Pour être en mesure de voir votre courrier comme il est dans gmail et d'autres clients de courrier électronique, vous avez besoin de style inline pour chaque étiquette dans votre html, mais l'écriture css inline pour chaque étiquette html prend du temps, pour économiser votre temps utilisez l'outil de construction
http://templates.mailchimp.com/resources/inline-css/
il suffit de coller votre modèle de courriel entier et vous obtiendrez le document html avec CSS en ligne dans chaque étiquette. Facile :)
Note: Vous pouvez ayez votre classe et votre carte d'identité dans la classe telle qu'elle est.
une autre bonne source d'information est le modèle de courriel MailChimp référence . Je trouve que la section développement est particulièrement utile parce qu'elle contient de l'information sur ce que CSS GMail soutient et sur la façon d'en tirer parti.
je viens de tester cela et il ne soutient styles en ligne, rend le code un peu laid, mais vous pouvez obtenir autour de tout.
Espère que ça aide.
si vous utilisez Ruby on Rails et ActionMailer vous pouvez utiliser le gem ActionMailer Inline CSS . Tout ce que vous avez à faire est d'installer le gem et il sera automatiquement en ligne tous les CSS dans vos modèles de courrier électronique. Littéralement, ne pouvait pas être plus facile.
Gmail bloque tous les actifs externes (référencés) - feuilles de style, images, scripts, etc. C'est pour protéger la vie privée du destinataire. Vous pouvez toujours inclure les styles en ligne:
<span style="color:red;">Red text</span>