Intereting Posts
Красноречивый с вложенными Nginx служит .php-файлам в качестве загрузок, вместо их выполнения Внедрение нового Invisible reCaptcha из Google Использование PHP для выполнения команд терминала php сравнить два ассоциативных массива Почему обращение к индексу массива по логическому значению не вызывает каких-либо ошибок? javascript – класс обновления на основе URL Как проверить ввод формы на одной странице с помощью случайных чисел? Doctrine2 Querybuilder побитовый и Доступ к свойствам объекта по переменной Обнаружить «общий средний» цвет изображения mysql fetch array, если сообщение результатов не отображается Как передать параметр в ограничение проверки в Symfony2 – в yml Сканирование файлов в каталоге и подкаталоге и сохранение их пути в массиве с помощью php Солить с хешированной версией пароля пользователя так же безопасно, как солить с заранее определенной строкой?

Свойства Flex-box удаляются в электронной почте gmail.

У меня есть скрипт на 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 поддерживает встроенные стили.


Больше информации:

  • CSS в HTML Email
  • Рекомендации по стилизации HTML-писем
  • Рекомендации и рекомендации при написании электронных писем HTML