问题标签 [responsive-emails]

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

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

这是我的电子邮件标记：

我错过了什么？

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

所以我正在尝试构建我的第一封响应式电子邮件，除了我的两个导航区域之外，一切都进行得很好。第一个，我有四个按钮，我想重新排列它们，从跑过，到将两个堆叠在两个之上。它在我最初的测试中有效，但是当我通过我的电子邮件提供商发送它时，前两个 td 正确呈现（均为 50%），但应该放在下面的两个都被压扁了。我试图做的第二次导航也是如此（除了，我希望这三个在彼此之上切换到 100%）

任何有关如何解决此问题的建议将不胜感激！这是我的代码（在这里运行良好，但是当我实际发送它时会在所有移动设备上中断）：

我自定义了一个电子邮件模板，似乎在大多数设备和邮件服务器上都可以正常工作，但是对于 iphone 5s，响应式布局（一列而不是两列）没有被触发，我不知道为什么。

我尝试使用“shrink-to-fit:no”来修复一些调整大小的问题，但这只会使布局保持为桌面版本。

这是我的任何帮助代码：

我想在电子邮件中将图像提供给移动设备，并将不同的图像提供给桌面设备。display: none适用于除 Outlook 和 Gmail 之外的所有设备。图片上有一个按钮，但在移动设备上，按钮中的文本太小了。有任何想法吗？

这是一个愚蠢的问题，但已经尝试了我能想到的一切，但仍然无法弄清楚如何在 Outlook 2003 中将这两个文本单元格居中。

这是完整 html 文件的链接：https ://github.com/justintemps/flash-updates/blob/master/dest/index-prod.html?ts=4

违规（不会居中的部分）如下。

我正在处理没有媒体查询的响应式 html 电子邮件，需要插入一些 mso 条件。但是，我不确定如何将其转换为 HAML？

我如何强制 haml 为我的 Outlook 包装器打开标签？所以我可以在电子邮件正文表之后自己关闭它。

首先，我要向可能有 16,000 封邮件的客户发送电子邮件，不幸的是，我在自定义字体中发现了问题。我无法将其加载到我的邮件页面中。我试过这个：

1. 带有 HTML 中的链接标签/li>
2. 在@font-faceCSS 中：/li>
3. 和@import/li>

不要告诉我制作图像，因为我不能，原因是邮件表单将通过 PHP 生成。

任何帮助将不胜感激。

我目前正在开发一封电子邮件，该电子邮件在各个地方都有 2 列布局。我最初<div>对每一列都使用了标签，这在除旧版 Outlook 之外的所有电子邮件客户端中都非常有效（无论屏幕大小如何，列都会以 100% 的宽度呈现）。

为了解决 Outlook 问题，我只是将<div>标签更改为<td>'s. 现在，我在 iOS 邮件应用程序 (10.1.1) 中遇到了一个问题，它<td>拒绝在较小的屏幕上全宽显示。在下面的代码中，您可以看到这两个<td class="col-6-article">元素的固定宽度均为 300 像素，但是当我在 iOS 邮件应用程序中打开电子邮件时，这两个元素的屏幕宽度正好是 50%。这是截图：http: //imgur.com/a/0XsGz

有没有其他人在 iOS 邮件应用程序中遇到过这个问题？我无法弄清楚为什么我的内联样式和媒体查询被忽略了，仅仅是因为元素现在是表格单元而不是 div。

HTML（对不起，我尽力清理它）：

CSS媒体查询：

我真的很难过这个。我正在尝试使用 Dan Mall推荐的一种技术来设置换行符，但在移动设备上使用 html 电子邮件签名，就像支持媒体查询的渐进增强一样。我在表格单元格中执行此操作，但我试图通过跨度或br带有类的标签在文本中执行此操作，而不是将媒体查询应用于 a tror td。但是，即使在 Chrome 中进行测试，媒体查询似乎也根本不适用。对于我的媒体查询，我正在做：

以及我的 HTML 中的适用部分：

只是在这里尝试括号类定位，因为我读过雅虎有时会绊倒 - 我已经做到了两种方式。主要只是试图用两个电话号码打破一条长线，仅在手机上，并隐藏管道分隔器，但没有运气。有什么帮助吗？通常不可能在表中使用 MQ 来定位事物吗？

我正在使用 Python/Flask 和 mandrill smtp 在用户共享时发送电子邮件确认。我遇到了移动字体大小超小的问题。

我的解决方案是这样的：

身体是：

我不确定为什么会发生这种情况，因为对于其他电子邮件，我将其简单化，正文中的标准字体大小为 16 像素或 18 像素，它适用于网络和移动设备。

上述配置适用于 iOS 电子邮件、iMail 和基于 Web 的 Gmail（我还需要测试该应用程序），但感觉有些不对劲。 Helvetica 在移动设备上的 28px 字体大小似乎太大了不是吗？ 我认为这是考虑到视网膜显示，但我不确定这将如何适用于其他移动设备。视口和 x-apple-disable-message-reformatting 似乎没有做任何事情。

如果有帮助，这里是电子邮件的 RAW 标头：

感谢您对此的任何帮助！