Здравствуйте. Верстаю шаблон письма о подтверждении заказа в интернет-магазина. В движке шаблон прописан вот так:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="viewport" content="width=device-width;initial-scale=1.0; user-scalable=1;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Шаблон пи сьма</title>
<style>
@media only screen and (max-width: 480px) {
}
</style>
</head>
<body bgcolor="#000" style="margin: 0; padding: 0;">
<div class="e_test" style="display:table;width:100%;">тестирование</div>
</body>
</html>
На почту (яндекс) приходит письмо, в коде которого пропадает
@media only screen and (max-width: 480px)
Также вместо
<div class="e_test" style="display:table;width:100%;">тестирование</div>
Приходит
<div style="display:table;width:100%;">тестирование</div>
Т.е. пропадают все div
class=""
Как быть, что не так? Я думаю это можно как-то обойти, верстают ведь адаптивные письма, да и
вот например на github подобный код в шаблоне письма.. Не понимаю, помогите.