Динамическое изменение размера электронных писем HTML

Question

Я пишу электронное письмо в формате HTML, которое отлично работает в браузере.Но я только что отправил его, скопировав содержимое окна браузера, вставив его в почтовое приложение на моем компьютере и отправив таким образом.Это не делает многих вещей, которые я бы хотел, например, изменение размера окна и центрирование на странице.

Как крупные компании отправляют электронные письма в формате HTML?потому что позиционирование всегда работает во многих электронных письмах, которые я получаю от них.

Answer 1

Правило 1: используйте код 1999 года и используйте таблицы.

Правило 2: Для всех таблиц установите «ширина: 100%; максимальная ширина: 600 пикселей; поле: авто;». Вы можете заменить max-width любым желаемым значением. Первые два свойства обеспечат соответствие электронной почты ширине мобильных устройств. Второе свойство будет держать его по центру.

Существует намного больше правил и исключений из правил, но это несколько хороших основ для начала, когда речь идет о адаптивном дизайне.

Answer 2

Первые электронные письма в формате HTML основаны на таблицах, поэтому убедитесь, что вы кодируете свою электронную почту, используя структуру таблицы, а не кодируете ее, как обычную веб-страницу. Во-вторых, убедитесь, что все ваши CSS встроены. В-третьих, вы можете отправлять свои электронные письма, используя службы автоматизации электронной почты, такие как MailChimp , Marketo, Constant Contact, GetResponse и т. Д.

Если вы хотите отправить себе тестовое электронное письмо, вы можете бесплатно воспользоваться услугой, такой как PutsMail .

Вы также можете попробовать этот учебник , чтобы помочь вам в создании адаптивного шаблона электронной почты.