A
A
Artyom2019-09-12 23:55:11
Layout of letters
Artyom, 2019-09-12 23:55:11

Created an html email template. Why does it break during shipping?

As I understand it, email clients break something somewhere. But where?
Here is what it looks like on a PC
5d7aafeb8abf6023641143.png
After sending via email
5d7ab01b024a8541514777.png
Code: https://jsfiddle.net/foowee800/81pqds3y/

Answer the question

In order to leave comments, you need to log in

2 answer(s)
N
Nikita Kit, 2019-09-13
@foowee800

1) Not all mailers support media queries. More precisely, almost none. About half a year ago, I had the task of creating an email adaptively - I had to redo a lot of information and test which mailers leave style in place, which attributes they do not touch, to which I could bind media query selectors. I had to add my module to the galp, which takes out all the styles of media queries and replaces all class attributes with those that mailers do not touch, and then I covered only half of the required clients with an adaptive
2) Everything that can be inlined should be inlined.
Try to assemble it here on this boilerplate , it often saves me with mailing layout

A
Andrei Alisenok, 2019-09-18
@alinax

I sent it, it is displayed normally ... where does it go? outlook?
Mistakes in css!!!

td.polosa1 {
            size: 15px;
            size: 300px;
            position: absolute;
            border: none;
            align = "center";  - что это тут делает?
            size = "25px"; - это что такое?
        }

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question