gpt4 book ai didi

ios - 如何防止 iOS 13 深色模式破坏电子邮件

转载 作者:行者123 更新时间:2023-12-01 23:52:25 24 4
gpt4 key购买 nike

我们有一个电子商务应用程序,可以在购买时发送订单详细信息,并且我们刚刚重新设计了该电子邮件模板。过去几天我们收到报告称,一些客户的电子邮件中一半文本丢失。

最终获得屏幕截图后,我们了解到该问题发生在使用深色模式的 iPhone 上。到目前为止,他们都是通过 Mail 应用程序或 Safari 使用 gmail 的客户(两者都有相同的问题)。我不确定 Gmail 因素是否相关或巧合。

我们的电子邮件很简单——它有白色背景、灰色标题和黑色正文。深色模式保持白色背景和灰色标题不变,但正文从黑色更改为白色。在白色背景下,白色文字明显看不见,邮件看起来缺少大量内容。

有什么办法可以防止暗模式将文本从黑色更改为白色吗?

我应该注意到,我们还在电子邮件中嵌入了二维码,因此我担心允许暗模式继续重新着色我们的完整电子邮件的解决方案,因为我相信这会使二维码变得更难得到认可。

编辑:这与任何应用代码无关,因此开发 iOS 深色模式的指南不适用。这只是 iOS 13 上的 Apple 邮件应用在深色模式下如何显示 HTML 电子邮件的问题。

最佳答案

您可以在 Apple 设备上强制删除此功能,但现在我们在 Mac 上使用 Gmail 和 Outlook,却无法阻止它们。

只需将其放入<head> :

<meta name="color-scheme" content="only">

“Only”是“Light only”的缩写(仍然有效)

这将修复 iPhone 深色模式和 Apple Mail,但不能 Mac 上的 Outlook 或 Gmail。

您目前可以覆盖 Mac 上的 Outlook,但 Gmail 尚无已知的破解方法。

以下是如何覆盖 Mac 上的 Outlook:

<style type="text/css">
.body, .darkmode, .darkmode div { /* With class body on the body tag, and all elements represented here that have a background color */
background-image: linear-gradient(#ffffff,#ffffff) !important;
}
.darkmode p { /* Add other selectors for other text elements */
-webkit-text-fill-color: #000000 !important;
}
</style>

HT 至 Brian Thies on Litmus forum for this

<小时/>

但最好尝试解决根本问题,而不是删除客户想要的功能(深色模式)。

Apple提供了这样的方式,这个在 <head> :

<meta name="color-scheme" content="light dark">
<style type="text/css">
@media (prefers-color-scheme: dark) {
.darkmode { background-color: #1e1e1e !important; }
.darkmode p { color: #ffffff !important; }
}
</style>

此外,请确保具有背景颜色的最外层元素具有“darkmode”类,例如

 <table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" class="darkmode" bgcolor="#ffffff" valign="top" style="padding: 0px 15px;">

因此,默认情况下,您将拥有白色背景、黑色文本;在深色模式下,它将是带有浅色文本的深色背景。

(如有任何进一步疑问,请提供代码。)

关于ios - 如何防止 iOS 13 深色模式破坏电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58177703/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com