我正在創建一個 html 電子郵件模板。我是專門為電子郵件開發 HTML 的新手，我知道它可能非常挑剔。
我希望電子郵件的背景與電子郵件客戶端（Apple Mail、Gmail、Outlook 等）的背景相匹配。這似乎是純文本電子郵件的默認設定。但是在創建 HTML 電子郵件時，我發現只要在<body>標簽中添加除文本之外的任何內容，電子郵件的默認背景顏色就會變為白色。我想要實作這一點的主要原因是我的電子郵件將匹配淺色模式和深色模式設定。
如何使電子郵件背景與電子郵件客戶端的背景相匹配？有沒有辦法讓 HTML 內容沒有背景，或者可能是透明背景？還是inherit電子郵件渲染器的背景顏色？還是我需要檢測電子郵件客戶端（或暗模式設定？），并手動更改背景顏色？有什么奇怪的變通方法嗎？如果這些答案中的任何一個是可能的，它是如何完成的？
我知道至少可以在 Apple Mail 中實作這一點，因為我發現了一個電子郵件示例，該示例更改了背景顏色以匹配深色模式與淺色模式：
uj5u.com熱心網友回復：
您可以使用以下內容，它目前適用于 33% 的電子郵件客戶端。
@media (prefers-color-scheme: dark) {
/* Dark theme styles go here */
}
?
@media (prefers-color-scheme: light) {
/* Light theme styles go here */
}
查看以下更詳細的文章。
https://medium.com/swlh/dark-mode-in-html-email-everything-you-need-to-know-57b2647bf304
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/516109.html