HTML шаблон электронной почты (если / иначе Outlook или нет) не работает

Question

В настоящее время я пытаюсь создать if / else для моего html-макета электронной почты, чтобы включить различные теги таблицы. Вот что я пытаюсь:

<!--[if mso]>
<table class="content-table" role="presentation" cellpadding="0" cellspacing="45" align="center" border="0">
<![endif]-->
<!--[if !mso]> <!---->
<table class="content-table" role="presentation" cellpadding="0" cellspacing="0" align="center" border="0">
<!-- <![endif]-->
</table>

Поэтому я пытаюсь начать свою таблицу с другого тега beginn, если почта открыта в outlook. Но это не работает. Что не так?

Это не дубликат!

Answer 1

Это пример того, как вы показываете и прячетесь в Outlook.Если вы просматриваете это в Outlook, вы увидите слово «Outlook».Если вы просматриваете его в современном почтовом клиенте, вы видите слова «Современная электронная почта».

https://jsfiddle.net/wallyglenn/5hruzos5/1/

<table>
<tr>
    <td>
        <!--[if !mso]><!-- -->
        <img src="http://via.placeholder.com/300x300/0000ff/?text=Modern+Email" alt="Modern+Email" width="100%" style="display:inline-block;border:none;outline:none;padding:0;margin:0;width:100%;height:auto;" border="0" hspace="0" vspace="0">
        <!--<![endif]-->
        <!--[if gte mso 9]>
        <img src="http://via.placeholder.com/300x300/ff0000?text=Outlook" alt="" width="100%" style="display:inline-block;border:none;outline:none;padding:0;margin:0;width:100%;height:auto;" border="0" hspace="0" vspace="0">
        <![endif]-->
    </td>
</tr>
</table>

Удачи.