Android平板电脑上标准电子邮件应用程序中的HTML问题
我在电子邮件营销中使用HTML编码。 如今,在标准版和移动版中都能很好地表示电子邮件服务是很重要的。 因此,有一些技巧可以帮助你让你的电子邮件在移动设备上看起来很漂亮(没有bug和漏洞)。 例如,最著名的问题是由于移动设备改变文本大小而撕裂电子邮件的内容。 要禁用设备的此功能,我将使用下一个css技巧:Android平板电脑上标准电子邮件应用程序中的HTML问题,android,html,css,email,Android,Html,Css,Email,我在电子邮件营销中使用HTML编码。 如今,在标准版和移动版中都能很好地表示电子邮件服务是很重要的。 因此,有一些技巧可以帮助你让你的电子邮件在移动设备上看起来很漂亮(没有bug和漏洞)。 例如,最著名的问题是由于移动设备改变文本大小而撕裂电子邮件的内容。 要禁用设备的此功能,我将使用下一个css技巧: @media only screen and (max-width: 480px) { body { -webkit-text-size-adjust:none;
@media only screen and (max-width: 480px) {
body {
-webkit-text-size-adjust:none;
}
如果我在移动设备浏览器中查看我的电子邮件,这个技巧很有效。
但如果我在standart应用程序中查看电子邮件,它就不起作用了
例如,以下是standart“电子邮件”应用程序(版本4.1)中Android平板电脑的屏幕截图:
您可以看到,由于文本大小不正确,内容被撕碎
如何避免?首先,并非所有电子邮件客户端(例如Gmail)都100%支持使用媒体查询。幸运的是,这不需要出现在媒体查询中 特定于webkit的声明仅适用于基于webkit的客户端(例如mac)。请参阅(第35行),您还可以添加ms前缀:
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
不过,我怀疑这能否解决您的Android平板电脑问题。这可能是不可避免的,除非添加!重要信息
调整字体大小可以达到此目的