Вы можете установить максимальную ширину для писем, создав шаблон письма, который оборачивает тег %{email_content} в таблицу со свойством max-width, заданным через CSS. Если вы хотите ограничить ширину для писем, просматриваемых в Outlook, вам также нужно добавить таблицу с фиксированной шириной, обернутую в теги <!--[if mso]>.
Вот базовый шаблон письма, ограничивающий содержимое максимум до 600px. Если вы используете этот шаблон, обязательно замените URL изображения логотипа на URL логотипа вашего сайта. Также замените значение атрибута href на URL вашего сайта. Атрибут alt изображения логотипа должен быть осмысленным для вашего сайта.
Поскольку шаблон включает логотип сайта, обязательно отключите настройку сайта
apply custom styles to digest. Если этого не сделать, сводные письма, отправляемые с вашего сайта, будут содержать два логотипа в верхней части письма.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body style="margin: 0; padding: 0;">
<!--[if mso]>
<style type="text/css">
body, table, td, th, h1, h2, h3 {
font-family: Helvetica, Arial, sans-serif !important;
}
</style>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding: 10px 0 30px 0;">
<!--[if gte mso 9]>
<table width="600" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
style="max-width: 600px;border-collapse: collapse;">
<tr>
<td style="padding: 20px 15px 20px 15px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<a href="https://forum.example.com">
<img src="https://your-site-logo-url"
alt="Название вашего сайта" width="150" height="40"
style="display: block;"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 0 15px 0 15px;">
<hr style="background-color: #ddd; height: 1px; border: 1px;">
</td>
</tr>
<tr>
<td style="padding: 20px 15px 30px 15px; color: #153643; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px;">
%{email_content}
</td>
</tr>
</table>
<!--[if gte mso 9]></td></tr></table><![endif]-->
</td>
</tr>
</table>
Я протестировал это с помощью сервиса тестирования писем в самых популярных почтовых клиентах:
iPad (Retina) (iOS 13.1):
Приложение Gmail (Android 6.0):
iPhone 6 Plus:
