问题标签 [zurb-ink]

列标题图片

尝试为 12 列设置 INK 电子邮件，后跟两个 6 列。

12 列 = 580 像素

六列，每列 280 像素 - 其余为填充当我将标题图像设置为 280 像素时 - 响应版本太小，因为列变为 320，而 img 需要为 300

“要使用高分辨率图像，请将高度和宽度 HTML 属性放在标签上，对应于桌面视图中图像的缩放大小（其 .columns 容器的宽度）。” 这不起作用，即使在桌面视图中，图像也会脱离其容器。

任何建议将不胜感激！

我对 Zurb Ink 的电子邮件有疑问。所以它在桌面上看起来不错，但是当它遇到媒体查询时存在这种差距，并且当容器堆叠在一起时它似乎正在使用容器。我希望它跨越整个宽度。

http://i.stack.imgur.com/xygNK.png

这是我的代码：

任何人都知道任何电子邮件模板 CSS 框架。我目前正在使用引导程序，它可以工作，但不完全是为电子邮件而构建的。我看过“zurb ink”，但它似乎对开发人员不太友好，很难让它工作。其他人在外面用什么？

我正在使用来自 zurb 的以下电子邮件模板（我选择了基本模板）

http://zurb.com/playground/responsive-email-templates http://zurb.com/playground/projects/responsive-email-templates/basic.html

其中包括以下媒体查询：

手机上的字体看起来非常小，特别是表格单元格内的文字非常小

如何覆盖手机上的字体？

在我正在创建的 INK HTML 时事通讯中，我将一行分成 2 个表格，每张有 6 列。左边的表格是文本，右边是图像。当在手机上阅读电子邮件时，我希望图像首先出现，文本出现在图像下方。在 Zurb Foundation (for Sites) 中，这可以使用推拉来完成。有没有办法在 INK 中实现相同的效果。由于 INK 使用表格，因此问题将是交换表格单元格。我尝试使用 Foundation 的代码创建用于推送和拉取的内联 CSS，但它只是将单元格内容向右或向左移动（意料之中）

我有两列，一列内容更多=更大，但我希望黑色的列与右侧的高度相同。

有一种解决方法是在表格宽度高度 100% 附近添加 div 并显示：内联块，但这是一个丑陋的 hack。

有谁知道解决方案？

这是我刚刚创建的 Plunker：http ://plnkr.co/edit/jKo6yavo9fFNHiMsEvAL?p=preview

这是一个简单的单行布局。我需要的是行两侧（左右）的固定最小边距。假设是 25 像素。调整窗口大小应始终在行前后显示至少 25 像素的灰色背景。

我尝试table.container从以下位置修改样式：

到

但它似乎不适用于右边距（超出页面）。有什么建议吗？

我正在使用 Ink 尝试从电子商务商店创建订单确认电子邮件。如果我有一个显示项目信息或我布局的任何类型数据的表格，则在将大小调整为小时，最后一列将被压缩为一个字符宽度。附加了 6 列单元格中的示例代码以及输出屏幕截图。

有什么想法可以解决这个问题吗？

我正在使用Ink进行响应式电子邮件布局，并想问一下，我如何使图像具有响应性，就像它响应式地填充容器一样。我试过了<img width="100%">了图像标签（因为某些客户不支持 CSS 的宽度），但它不起作用。

任何建议表示赞赏。

我正在使用 Zurb Ink 创建一封电子邮件，它在所有电子邮件上都运行良好。但是在 Outlook 2010 上，我发现了一些错误。最大的问题是列的宽度发生了变化。他们变得更大。

网格不遵守 580px 的最大宽度。