Я пытаюсь сделать отзывчивый шаблон электронной почты, который работает с outlook. HTML-код Outlook работает нормально, а адаптивный HTML-код также работает нормально.
Я использовал медиазапросы для отзывчивой части, но теперь, когда электронная почта отправляется в Outlook, содержимое дублируется.
Мой HTML настроен следующим образом:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width initial-scale=1">
<style> //Media Queries are here </style>
</head>
<body>
<!--[if gte mso 12]>
//All of the Outlook HTML is held here
<![endif]-->
<!--[if gte mso 12]>
<div style="width:0px; height:0px; overflow:hidden; display:none;
visibility:hidden; mso-hide:all;">
<![endif]-->
//All of the none Outlook HTML is held here
<!--[if gte mso 12]></div><![endif]-->
</body>
</html>
Что я хочу сделать, так это то, что верхняя часть будет запускаться всякий раз, когда электронная почта отправляется в Outlook, и если это любой другой клиент для использованиядругая часть HTML.
Я знаю, что это не лучший способ сделать это, так как на самом деле я должен просто показать и скрыть части кода вместо всего, но это было проще собрать.
Интересно, что это начало происходить только тогда, когда я начал использовать медиа-запросы вместо того, чтобы указывать один и тот же VW для всех разрешений.
Любая помощь будет оценена.