Mailchimp 时事通讯中 Gmail 应用程序 (Android) 中的文本太大答案

【问题标题】：Text too large in Gmail app (Android) in Mailchimp newsletterMailchimp 时事通讯中 Gmail 应用程序 (Android) 中的文本太大
【发布时间】：2015-09-26 09:32:12
【问题描述】：

我进行了收件箱检查，我的时事通讯在除 Gmail 之外的所有设备上看起来都很棒。

Gmail 决定像在桌面上一样呈现我的电子邮件，这样做时很多文本相互重叠并且通常太大。

我读到 Gmail 会忽略媒体查询，这很不幸，我读到我必须内联我的 CSS 才能让它工作。但这会破坏除 Gmail 之外的所有其他视图。

是否有解决方案，或者我应该只希望人们点击“在浏览器中查看此电子邮件”

【问题讨论】：

好吧 18px 是文本的大小，这在 gmail 中太大了。如果我将其更改为 12px，它在 Gmail Android 应用程序中看起来不错。但是如果有人在桌面上查看它看起来太小了
我已经说过 Gmail 会忽略媒体查询，这就是问题所在

标签： css media-queries mailchimp newsletter

【解决方案1】：

首先，永远不要依赖人们点击查看您电子邮件的网络版本。并且始终内嵌您的样式。不能内联的媒体查询除外。

是的，我们必须为 Gmail 内联，但这是值得的。现在，显然我不知道您的电子邮件客户端市场份额的数字，但我肯定会让您的电子邮件在 Gmail 中工作。

但正如您所指出的，它会显得太大或太小，具体取决于所使用的设备。是否没有中间立场可以让您摆脱困境，这与您在任何屏幕尺寸上想要的很接近？

【讨论】：

你是对的，人们没有义务查看我的电子邮件，所以如果它不容易阅读，他们会忽略它。我在 Mailchimp 中编写了自己的模板，因此我可以在每行中放置 4 个产品，所以也许这就是我出错的地方，也许我应该坚持每行三个产品，这样就不会有那么多文本。我确实设法通过给产品块设置宽度而不是百分比来解决这个问题（某种程度上），这迫使 gmail 在每一行上显示 1 个产品，这是我在移动视图上想要的，除了它们都偏离中心左边。
嗯，是的，这很困难，无论您使用 Gmail 做什么。这是一种让您的电子邮件在 Gmail 中响应的新技术，这意味着您可以为所有屏幕选择一种字体大小。这可能会有所帮助，而不是为了移动设备而选择更大的字体：webdesign.tutsplus.com/tutorials/…
我已经在 Acid 上的电子邮件中测试了上述技术，就我而言，它完美无缺。