【发布时间】:2018-08-08 18:30:31
【问题描述】:
我正在尝试使用 Foundation for Emails 构建 2 个响应式列,如下例所示。
<columns small="12" large="6">First Column</columns>
<columns small="12" large="6">Second Column</columns>
它适用于默认的 Android 电子邮件应用程序,但不适用于 Android 的 Gmail 应用程序。 Gmail 应用似乎使大视口缩小了。
【问题讨论】:
-
您是否使用媒体查询在较小的视口中堆叠?请编辑您的帖子以添加媒体查询。
-
很高兴看到你所有的 CSS。响应失败有时可能表明 Gmail 删除了其中有错误的样式块。
-
@Syfer 所有的 CSS 都来自 Foundation for Emails。到目前为止还没有自定义 css
-
@Gwesolo 所有的 CSS 都来自 Foundation for Emails。到目前为止还没有自定义 css
-
使用媒体查询来解决问题。
标签: gmail zurb-foundation html-email email-templates