Android平板电脑上标准电子邮件应用中的HTML问题

Question

我在电子邮件营销中使用HTML编码。 现在，很好的代表电子邮件提供标准版和移动版。 因此，存在一些技巧可以帮助您使您的电子邮件在移动设备上看起来不错（没有错误和间隙）。 例如，最着名的麻烦是由于移动设备改变文本大小而撕掉电子邮件信件的内容。 要禁用设备的这个功能，我使用下一个css-trick：

@media only screen and (max-width: 480px) {

    body {

        -webkit-text-size-adjust:none;

}

如果我在移动设备浏览器中查看我的电子邮件，这个技巧就可以了。 但如果我在标准应用程序中查看它以查看电子邮件，则无效。

例如，以下是Android平板电脑在标准“电子邮件”应用程序（4.1版）中制作的屏幕截图：

您可以看到，由于文字大小不正确，内容会被撕掉。

如何避免它？

Answer 1

首先，并非所有电子邮件客户端（例如Gmail）都支持使用媒体查询。幸运的是，这不需要在媒体查询中。

webkit特定声明仅适用于基于webkit的客户端（例如mac）。请参阅htmlboilerplate（第35行），您还可以添加ms前缀：

-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;

我怀疑这会解决你的Android平板电脑问题。这可能是不可避免的，除非在您的font-size中添加!important可以解决问题。