Article introduction of Wulin.com (www.vevb.com): When we are doing email marketing, we hope that the user will open the email and see that we send it to the other party. However, the rendering of HTML pages by the email is different from that of the browser. The rendering ability is much smaller. The effect that is displayed normally in the browser will make errors in the email, or it cannot be rendered.
When we are doing email marketing, we hope that the user will see that after opening the email address, we send it to the other party. However, the rendering of HTML pages by the email address is different from that in the browser. The rendering ability is much smaller. The effect that is displayed normally in the browser will make errors in the email, or it cannot be rendered. After countless tests, when designing and producing web emails, the web teaching website reminds you to pay attention to the following points:
1. No background pictures can be used;
2. The style must be written into the HTML code, similar to style=text-decoration:none; color:#666; font-size:12px; , In addition, the styles in <'style><'/style> must be placed in the body to work, but some styles will be lost during the forwarding process, so it is not recommended to use them.
3. Add alt and title to each picture
4. Consider the width of the email. Many users are using laptops, and the resolution of the laptop is 1280*708. . . Therefore, for a good user experience at first glance, you must have the right width
5. All pictures must be with absolute addresses, otherwise they will not be displayed on the client terminal and can be displayed in foxmail;
6. In terms of layout, use table, not div, because even margin:0 auto does not work in the email. The css attribute is not tested, but it is really restricted, so use table;
7. Try to add width to each block. If you don’t write the width, there will be inexplicable bugs;
8. The display effect is subject to the email address. In some cases, the page rendering by the browser is different from the email address;
Risk warning:
When the window is narrowed to a certain extent, some pictures will be reduced and the page boundaries will be untidy. This is the rendering rule of the email. With the current design, this bug cannot be avoided, so the width can only be changed to be smaller (there is also a problem when testing the system email sent by NetEase Email Center).