问题标签 [zurb-ink]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
321 浏览

android - Ink-Mails - 使用 Block-Grid 对邮件客户端没有影响

使用 Zurb 的 Ink-Framework 时显示块网格时遇到问题。

如果使用例如 GMail 移动客户端使视口变小,则块网格元素不会下推到下一行。

我已经尝试了很多东西,然后我才开始内联块网格示例:

http://zurb.com/ink/docs/examples/basic-block-grid.html

zurb self,结果是一样的。使用移动 GMail 客户端仍然无法读取电子邮件,但 Zurb 建议使用块网格,因为 gmail 不支持媒体查询。

现在我很困惑,这是 zurb 框架还是 gmail 客户端的问题?

在 Android 上使用 GMail-App(设备:Galaxy SIII):图片

0 投票
1 回答
192 浏览

html - 为什么zurb ink会在td上添加额外的padding

我正在使用 zurb ink 的响应式电子邮件框架。我遇到的问题是 Zurb ink 喜欢在 td 的底部添加 10px 填充,当我在 td 上使用 style="padding:0 覆盖它时,它适用于除 Outlook 2007、2010 和 2013 之外的大多数电子邮件客户端。是有任何方法可以在这些电子邮件客户端中覆盖它。

我还在 td 上尝试了这种 style="padding:0 !important" 并通过使用一个类来完成它。

0 投票
3 回答
2580 浏览

outlook - Outlook 2007/2010 中的图像高度截止(远低于最大高度)

我在 HTML 电子邮件模板中有一个图像,其中高度被截断。我正在使用 Zurb Ink 电子邮件框架。设置是两个应该堆叠在一起的图像。据我所知,图像的高度为 19px,而实际高度为 47px;

我在 Acid 上使用电子邮件来预览电子邮件。在使用premailer.

第二张图片显示正常。

这是相关的代码和屏幕截图。

HTML

CSS

内联 CSS - 在所有 CSS 被编译和内联之后。

截图

展望 2007/2010
在此处输入图像描述

普通电子邮件客户端
在此处输入图像描述

我已经尝试添加height,style="height"line-height属性来强制高度,但到目前为止没有运气。

0 投票
2 回答
92 浏览

html - Zurb INK,自定义类不起作用

我正在尝试为每周产品交易创建一个非常基本的时事通讯电子邮件。我正在使用 Zurb INK。我面临的问题是,其中一个自定义类的边框属性没有被实现。CodePen 链接是http://codepen.io/anon/pen/bNQWzX

在在线产品类中:824。我已经定义了属性

但是,在标记中使用时,只实现了 Border 属性。并且半径和颜色被忽略。

HTML 标记在线:932

请参考 Code Pen 上的完整标记。任何帮助都感激不尽。提前致谢

0 投票
1 回答
69 浏览

html-email - 使用 Zurb Ink 电子邮件框架使 Gmail 上的整个按钮可点击?

我希望使用 Zurb Ink 模板在 Gmail 中点击整个按钮。我只能让文本在 Gmail 中可点击。我试着把整张桌子都包起来,但没有用。

0 投票
0 回答
253 浏览

html - Zurb Ink 框架上的 HTML 电子邮件,Outlook.com 中出现额外宽度

我有一封基于 Zurb Ink 框架的电子邮件,似乎在所有浏览器的 Outlook.com 中都获得了额外的宽度。我已经将问题追溯到几组表格,但似乎无法弄清楚。代码(在通过 Zurb 内联发送之前)是(请注意,由于空间问题,我删除了 Ink 样式,但我没有更改它:

0 投票
1 回答
125 浏览

html - ios浏览器上的墨水模板问题

我正在使用 Ink 基础构建 html 电子邮件模板并面临以下问题。

在 ios Safari 浏览器中,我在 gmail、yahoo 和 yandex 电子邮件上进行了测试,模板显示为缩小,字体更小。当我不是在浏览器中检查时,例如在 ios yahoo 电子邮件应用程序或 icloud 电子邮件中检查时,电子邮件模板看起来正确并且字体显示正确。

我测试了 Ink Foundation 基本模板 http://zurb.com/ink/downloads/templates/basic.html 并意识到它也有相同的字体缩小问题。我附上了缩小外观的屏幕截图(左图)和来自电子邮件应用程序的正确视图(中图)。

在 Gmail 中,它还会带来以下警告消息:“此消息已被修改以适合您的屏幕。点击此处显示原始消息。” 它显示了一个错误的修改变体(右图)。当您单击显示原件时,它会显示带有缩小字体的变体。

这是图片的链接http://kadmos.li/web/email-screens.png

我已经使用 Putsmail 测试服务测试了电子邮件。

谁能帮助我了解在经过良好测试的电子邮件框架上出现此类问题的原因?

问候,莉莉特

0 投票
1 回答
833 浏览

php - 使用 SwiftMailer 发送的邮件不使用样式块

我正在尝试使用 Zurb Ink 模板和 SwiftMailer 发送 HTML 格式的电子邮件。但是,当我在收件箱中收到邮件时,<style></style>块中定义的所有格式都会被删除。我已经像这样添加到text/html内容类型:$message->setBody("HTML HERE", 'text/html');当我收到电子邮件时,所有格式都被删除。

这是 SwiftMailer 的问题还是我缺少配置值?

0 投票
1 回答
67 浏览

zurb-ink - Zurb Ink 中可以有多个容器表吗?

Zurb Ink 的 网格需要table.container最顶层的元素来包含行和列。但是,我不清楚table.container整封电子邮件是否应该只有一个——有点像<body>标签。或者最好有多个容器,每个部分一个?

0 投票
0 回答
57 浏览

javascript - Ink 电子邮件模板从模板生成自定义电子邮件

我正在尝试制作电子邮件表单模板。这样它就可以输出一种墨水响应设计以在电子邮件中使用。

我希望对此有一些指导。目前基本上在我的脑海中,用户会为主体输入文本。然后用户点击提交,就会生成html页面。这是什么问题。我不知道我会怎么做。

最好的方法是什么?html?javascript?导轨?

任何帮助都会很棒。