0

当我在 Stackoverflow 上询问如何使用mjml.io解决我的问题时，经过一些研究，我发现还有ZURB Foundation 电子邮件应该可以在 Outlook 2003 上完美运行（如他们网站上所述）。因此，我尝试创建与在此MJML.io 试用页面
上相同的行为。 我的问题是： 我只在 CSS 中看到和。但我看不到任何会和....

show-for-largehide-for largeshow-for-smallhide-for-small

<container class="show-for-large">
  <row>
    <columns  >
      <img src="http://c64os.com/resources/c64c-system.jpg">
    </columns>

  </row>
</container>

<container class="hide-for-large">
  <row>
    <columns>
      <img 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">
    </columns>

  </row>
</container>

它适用于桌面，但对于移动设备，它同时显示:-( 在此处输入图像描述

4

1 回答 1

1

Foundation 电子邮件中只有一个断点$global-breakpoint（$global-width + $global-gutter

show-for-large与（关于逻辑）相同hide-for-small和hide-for-large相同。show-for-small

如果您需要更多类，如果您需要这些类，则必须添加/创建自己的帮助类，因为我们只提供使用$global-breakpoint.

见https://github.com/foundation/foundation-emails/blob/develop/scss/components/_visibility.scss

于 2020-05-15T10:32:53.797 回答