在我看来,响应式功能在“电子邮件基础”方面无法正常工作
示例: 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列呢?
谢谢你, 史蒂夫
好的,我发现, 实际上,正在构建的电子邮件版本之间的行为存在差异:
npm start
和最终版本(适用于“小”列):
npm run build
我还注意到在Firefox和chrome或Opera之类的浏览器之间,显示有所不同。