电子邮件基础:将2列保持小尺寸

时间:2019-01-25 10:51:47

标签: zurb-foundation html-email email-templates

在我看来,响应式功能在“电子邮件基础”方面无法正常工作

示例: https://foundation.zurb.com/emails/docs/media-query.html#default-media-query 对于上面的链接,

<row>
  <columns small="6" large="4">4 columns, 6 columns on small</columns>
  <columns small="6" large="8">8 columns, 6 columns on small</columns>
</row>

这对于大尺寸显示效果很好,但在小尺寸显示中,两列不是并排而是堆叠在一起,请参见下图,我很介意。 那么,即使尺寸很小,我们应该如何保留2列呢?

how should we keep 2 columns, even in small size?

谢谢你, 史蒂夫


好的,我发现, 实际上,正在构建的电子邮件版本之间的行为存在差异:

npm start

和最终版本(适用于“小”列):

npm run build

我还注意到在Firefox和chrome或Opera之类的浏览器之间,显示有所不同。

different between firefox and opera

0 个答案:

没有答案