Как создать отзывчивую электронную почту, как введите описание изображения здесь
Я вижу, что многие отзывчивые электронные письма имеют тот же дизайн, что и контент посередине, а справа и слева есть места с разным цветом. Когда электронное письмо открывается на мобильном устройстве, места справа и слева больше нет. Похоже, они создают это так же, как я не знаю как. Я отправляю электронную почту, используя php, как это
$mail = new PHPMailer();
$mail->IsSMTP();
$mail->SMTPDebug = 2;
$mail->SMTPAuth = true;
$mail->SMTPSecure = 'ssl';
$mail->Host = "xxxx";
$mail->Port = xxx;
$mail->IsHTML(true);
$mail->Username = "xxxx";
$mail->Password = "xxxxx";
$mail->SetFrom("xxxx");
$mail->Subject = "xxxx";
$mail->Body = $htmlContent;
$mail->AddAddress("[email protected]");
$ htmlContent - это шаблон HTML. Я прочитал некоторую информацию о том, что CSS должен быть встроенным стилями или не загружаться. Но если он был встроенным, то как использовать какую-нибудь библиотеку, такую как bootstrap и т.д. Любая помощь будет оценена. Спасибо.
Совершенно неважно, как вы Отправить электронное письмо. Единственное, что имеет значение, - это содержимое $htmlContent. И да, создание кросс-совместимого HTML для почтовых клиентов - это сильная боль в спине, потому что вы ограничены некоторым узким подмножеством поддерживаемого HTML.
@deceze Спасибо, я сосредоточусь на $ htmlContent. Раньше я не представлял, что это будет очень сложно.
@RonnieOosting Спасибо за полезную информацию. Вы должны переместить его, чтобы ответить, чтобы я мог его принять.






Лично я бы не стал пытаться создать что-то подобное самостоятельно. Вы можете использовать множество замечательных пакетов. Отмечу для вас кое-что:
Или
Удачи! :-)
Я нахожу инструмент css inliner, например templates.mailchimp.com/resources/inline-css. Это поможет легче конвертировать CSS.
Для этого я бы использовал пакет packagist. packagist.org/packages/emielmolenaar/…. Больно создавать это :-p.