0

我想用MJML制作一个响应式电子邮件模板，它在大多数电子邮件呈现客户端上看起来都不错，但是（当然）Outlook 2003 的做法有所不同，如图所示：Outlook 2003 正在同时呈现移动端和桌面版。

Outlook 呈现移动和桌面

完整的代码在这里，您可以在这里尝试：https ://mjml.io/try-it-live/Bk5Gu1w9L

<mjml owa="desktop">
  <mj-head>
    <mj-breakpoint width="320px" />
    <mj-style>

        @media screen and (max-width:320px) {
            .show_on_desktop td{
                display: none !important;
            }
        }

        @media screen and (min-width:321px) {
            .show_on_mobile td{
                display: none !important;

            }
        }

        .show_on_mobile td {
            mso-hide: all;
            font-size: 0;
            max-height: 0;
            line-height: 0;
      }
    </mj-style>


  </mj-head>
  <mj-body>
    <mj-raw><!--[if !mso]><\!--></mj-raw>
    <mj-section>
      <mj-column css-class="show_on_mobile">
        <mj-image src="https://www.ecom-ex.com/fileadmin/user_upload/images/products/one-pager/gallery/ex-handy_10_dz1dz2/ex-handy_10_dz1_teaser_1.png"></mj-image>
        <mj-text>show on mobile</mj-text>
      </mj-column>
      </mj-section>
    <mj-raw><!-- <![endif]--></mj-raw>


    <mj-section>
      <mj-column css-class="show_on_desktop">
        <mj-image src="http://c64os.com/resources/c64c-system.jpg"></mj-image>
        <mj-text>show on desktop</mj-text>
      </mj-column>
    </mj-section>

  </mj-body>
</mjml>

渲染是通过EmailOnAcid测试的，它不提供免费帐户来玩。

我们尝试了许多版本，这是迄今为止最好看的版本，但 Outlook 2003（和其他一些版本）显示的效果不如我们希望的那样。

我们正在讨论忽略一些旧客户端作为 Outlook 2003，但解决方案而不是忽略它会非常好。

4

2 回答 2

1

我知道这次谈话有点日期，但@TonyDallimore：你会尝试在 Windows XP 上运行 2020 年的游戏吗？

即使 MJML 是纯 HTML，HTML 也是从 2003 年开始发展的 ;-) 甚至微软在很久以前就停止了对 2k3 的支持。

就好像您在向加油站的那个人要含铅汽油一样，因为您 1970 年的汽车最初就是为此而制造的；-)

如果您是 Outlook 2003 用户，我可以简单地建议您尝试获取一些更新的东西吗？您可以使用大量免费软件。它们中的许多都与 Outlook 2003 一样完整，并且可以将您过去和现在的电子邮件导入您的新邮件管理器:-)

如果其他人是 Outlook 2003 用户，我不知道您与该人的关系如何，或者即使您认识个人使用该版本的任何人，但我个人会告诉您不要担心他们。

也许您可以在电子邮件的顶部和/或底部放置一个友好的注释，出于安全目的，电子邮件的 MJML 格式“可能”不支持过时的电子邮件管理器。;-)

希望这可以帮助您更清楚地了解情况，merlinregis

于 2020-10-30T12:31:26.387 回答
0

在https://github.com/mjmlio/mjml/issues/1182有相关讨论

这里没有什么反对支持的，但是（仅供参考）在https://slack.mjml.io有很多 MJML 支持这样的问题。

祝你好运。

于 2020-10-19T20:02:02.363 回答