У меня есть скрипт на PHP, который отправляет следующий HTML по почте:
<html class="no-js" lang="en"> <body> <div style="width: 70%;background-color: #060b2b;margin: auto;flex-direction: column;display: flex;"> <h1 style="margin-top: 50px;color: white;margin-left: auto;margin-right: auto;">Vous avez reçu une nouvelle notification.</h1> <div style="width: 80%;padding: 50px;margin-top: 50px;background-color: #222;margin-left: auto;margin-right: auto;display: flex;"> <p style="color:white;margin: auto;text-align: center;">{{$notification}}</p> </div> <a href="" style="margin-top: 50px;margin-bottom: 50px;margin-left: auto;margin-right: auto;color: white;padding:15px;background-color: #0E0E0E;">Accéder à mon compte</a> </div> </body> </html>
Но полученное сообщение (когда я проверяю главный div) не показывает свойство flex-direction: column;
Кажется, что gmail фильтрует эти свойства?
Это нормально ?
Разработка HTML-сообщений электронной почты не похожа на разработку HTML-сайтов. Между почтовыми клиентами и веб-браузерами существует огромный технологический разрыв. Это похоже на то, что браузеры продолжают развиваться, но клиенты электронной почты застряли в 1998 году.
В мире электронной почты HTML, встроенные и внешние стили плохи, CSS3 плохой, JavaScript плохой, а .. встроенные стили и таблицы для макета хороши. В этом мире методы кодирования старой школы живы и здоровы.
Неудивительно, что Gmail отключит свойства CSS3. Лучше всего придерживаться таблиц и встроенных стилей.
UPDATE: теперь Gmail поддерживает встроенные стили.
Больше информации: