问题标签 [zurb-ink]

我第一次使用 Zurb Ink 创建模板；很好，但我无法解决某个问题。

当我在浏览器中查看 HTML 时，一切正常，但不幸的是，我需要通过一个发送平台发送我的电子邮件，该平台可以随意调整我编写的代码。

我遇到的问题是图像大小。出于某种原因，我正在使用的一个 580 像素宽的图像在通过电子邮件平台发送时其自身大小为 576 像素。我反复查看了代码并在网上查了一下，但我找不到任何东西，所以非常感谢您的帮助。

我知道这可能有点远，但是当屏幕足够宽以支持它时，我真的无法弄清楚为什么这张图片不是 580 像素。作为参考，在较小的尺寸下问题仍然存在，但不同之处在于像素数量较少。

我正在使用 Zurb Ink 创建 HTML 电子邮件。它工作正常，框架很好用，但我在 Outlook 中自定义字体颜色时遇到问题。

据我了解，字体样式应该设置为 TD 级别的 Outlook。这个对吗？我试过应用这个，除了outlook之外，电子邮件在任何地方看起来都很好。

非常感谢您对此的任何意见，在此先感谢。

根据有关酸的电子邮件向我显示的内容，我看到了一些链接和文本以电子邮件为中心的位置

但这是它应该看起来的样子，大多数其他电子邮件客户端都正确显示了这一点

这些链接所在的表格如下所示

我正在使用 Zurb 的 ink 框架来构建它，这是我添加的 css 规则

我正在添加这个 JSBin 链接，因为 Ink 框架发生了很多 CSS 操作

https://jsbin.com/pewoluwapo/edit?html，输出

更新： 在尝试了 Gortonington 的回答后，我现在在 Outlook 中得到了这个

我的电子邮件中有一个标题，右侧有一个徽标，左侧有一些链接（都在一行上）。工作正常，但在移动设备上查看时，左侧的链接溢出到两行。

理想情况下，我希望移动版本在顶行显示徽标，并在其下方显示如下链接：

桌面：

移动的：

我将如何实现这一目标？

我的代码：

我在使用带有Zurb Ink 电子邮件框架的桌面/移动显示/隐藏功能时遇到问题。当我使用下面的 CSS 时，它在 GMail 中正常工作，其中隐藏了移动内容，只显示桌面，但在 Outlook 中不显示。但是，使用默认的 Ink CSS（在 上没有!important标志display: none）它在 Outlook 中有效，但在 GMail中无效。我正在使用 Outlook 2010。

我从这个 Gist中获得了一些灵感，我正在使用这个 CSS：

这是我的电子邮件标记：

我错过了什么？

Zurb 有一个断点，位于 600px，所以我不想更改它。Zurb 提供的 Ink CSS 可以在这里看到。

我在这封电子邮件的页脚中有这两个社交图标，我希望它们并排放置（内联）。它说它们在检查器中是内联的，我想也许 td 区域变窄了所以我扩大了它..不是这样..似乎无法弄清楚。也试过inline-block了..有什么想法吗？

http://onlyaction.github.io/snfm/2015/09/21/SNFM-0313.html

--

谢谢！

这是在使用Zurb Ink创建的 HTML 电子邮件中问候收件人所需要的。而且情况越来越糟。这是一个按钮，例如：

我们这里有大约 20 个不同的事件，用户可以订阅这些事件以接收 HTML 电子邮件通知。另外，（至少目前）可以使用两种语言发送此通知。将两者相乘，然后瞧——四十个不同的模板文件有大量重复。

现在，我真的不希望这里的任何人因为这个烂摊子而发疯，所以我的问题是：

是否有任何一种“元框架”可以删除所有重复和无关的标记？我幻想着使用 Bootstrap 准备 HTML 电子邮件模板标记，然后将其编译为 Zurb Ink。或者一个高级的类似 HTML 的 DSL，然后会被编译成 Zurb Ink...

..或任何其他可以简化我们生活的东西。

我正在为 HTML 电子邮件构建标记，但是我似乎无法找到一种解决方案来防止一个单词在 iOS 电子邮件客户端中像这样破坏中间单词：

HTML：

CSS：

我正在使用Zurb Ink 电子邮件框架，这就是wrapper,last和expander类的用途。

我已经查看了这个答案，这是有道理的，因为 Ink 默认为break-word，但这不适用于 iOS 邮件。

是否有必要在每个包含一个或多个td标签的表中添加一个带有类扩展器的td标签？我在此处发布的子网格存在问题。我通过添加解决了它

在最后一个使用子列的td标签之后，它确实解决了问题。此外，Ink 文档没有明确指定是否添加扩展器。

使用 Zurb Ink ( http://foundation.zurb.com/emails/docs.html )

我为我的电子邮件创建了一个响应式布局。对于移动设备，尤其是 iPhone，我一直在使用-webkit-text-size-adjust: 150%;仅为移动设备增加字体大小。但是，line-height没有调整，我留下了更大的字体大小，正如我想要的那样，但是一些垂直重叠，因为更大的字体仍然有更小的行高。

我试图在我的style标签中添加这个：

然后通过zurb内联运行它（http://foundation.zurb.com/emails/inliner.html）

但无济于事。任何人都知道如何仅在移动设备中增加 HTML 电子邮件的行高吗？