问题标签 [zurb-ink]

我有一个使用 Zurb 墨水做很多事情的项目，但特别是一封电子邮件是一张发票，当我在较小的屏幕上时，我不想移动其表格（我宁愿滚动）。

有没有一种简单的方法来禁用包装？

如何将现有的 Foundation For Email 2 项目更新到 v2.1？

在关于这个新版本的文章中，没有提到如何实际更新现有项目。

我试图在桌面上查看列或行时隐藏它，并且只在移动设备上显示，反之亦然。

有谁知道这是否可能？我试图实现以下类，但它似乎不适用于标签。

如果有像 small-0 或 large-0 这样的内置类具有此目的，那就太好了。

在桌面视图中，我想将图像列向右对齐，将文本列向左对齐，但在移动视图中，图像应该在顶部

如何反转列的顺序？

I created a custom handlebars helper and I'm getting the following error when I do not define value for parameters.

This works if I define all three parameters as such:

If I do not define a parameter console shows "Handlebars TypeError: Cannot read property 'fn' of undefined".

Any ideas as to what I'm doing wrong here?

Update: Also checked with "null" as suggested below but still same error.

我正在使用带有两列容器的 Zurb Ink 6 电子邮件基础。左栏是text-align: left，右栏是text-align: right。

在我内联代码之前它看起来很好。内联后，我无法在右栏中获得“查看此电子邮件...”以右对齐。

问题是 , 的table输出tr添加th了text-align:left. 有没有办法在我的代码中克服这个问题，以便 Zurb 内联知道我希望它强制执行权限？问题是 Zurb-Ink 放入表格，我没有办法让这些表格拿起我的自定义类.text-right。

输出图像：

内联前的代码：

CSS：

输出：

我已经成功使用 Zurb Foundation for Emails 有一段时间了。突然，构建过程失败了。

我更新到 Node 7.7.2 和 NPM 4.1.2，删除了 node_modules 目录并运行npm install重新安装依赖项，但它并没有解决问题。

或者，如果我尝试自己运行gulp --production：

npm start按预期工作；我只是无法内联样式。

有任何想法吗？TIA。

我正在将 Zurb Foundation 用于电子邮件，并在运行 Foundation watch 时注意到，Margin 的内联样式在边距之前加载。我想扭转这种局面。

我试图更改我的 sass 文件中类的顺序，但我还没有找到一种方法来轻松操纵加载顺序来解决 Outlook for Android 处理 html 电子邮件的方式中的错误问题。

我希望最终结果是这样的：

<table style="margin: 0; Margin: 10px;">

有这方面的一些文件吗？

这是我与 Foundation for Emails 合作的第一个项目。当我运行时foundation build，我得到：

看起来它失败了，因为没有生成 SCSS 文件夹。

当我运行时一切正常foundation watch。

如何进一步解决此问题并了解未创建 SCSS 文件夹的原因？

这是在 Windows 机器上，通过 Powershell。我已经尝试注释掉我所有的自定义 SCSS 代码，只留下@importapp.scss 顶部的三个语句。我也试过删除我的 node_modules 文件夹并重新安装。

我有一封电子邮件，其中有一个带有背景图像的单元格。我需要为手机更改此图像 src。是否有可能做到这一点 ？我看到很多使用<img>标签的例子，但在我的例子中，这是一张背景图片。

我决定在 Outlook 中剪切背景图像（防弹 bg 还不够）所以基本上我的代码看起来像这样

相反，我想在移动设备上使用此图像。我怎样才能做到这一点 ？（我可以选择复制代码并添加一些可见性类，但如果我的电子邮件太长，Gmail 会选择删除可见部分，所以我想避免这种激烈的措施）