检测移动浏览器或移动应用仅与 CSS 一起使用

无法检测用户是在移动浏览器还是移动应用程序中查看您的电子邮件，因此您无法使用 CSS 来定位特定平台。但是，您可以考虑使用以下几个选项来解决移动设备上深色模式下的颜色反转问题：

使用高对比度颜色：选取具有高对比度的颜色（如黑色和白色），以确保您的电子邮件在浅色和深色模式下都清晰易读。

使用配色方案媒体查询：配色方案媒体查询允许您为不同的配色方案（例如，浅色模式和深色模式）指定不同的样式。例如：

@media (prefers-color-scheme: light) {
  /* styles for light mode */
}

@media (prefers-color-scheme: dark) {
  /* styles for dark mode */
}

使用 @media 媒体查询面向特定设备：可以使用@media媒体查询将特定样式应用于某些设备。例如：

@media (min-width: 601px) {
  /* styles for devices with a minimum width of 601px */
}

这可以帮助您将不同的样式应用于不同的设备，但这并不是一个万无一失的解决方案，因为您无法针对特定平台（例如，移动浏览器与移动应用程序）。

值得注意的是，某些电子邮件客户端（如 Gmail 和 Outlook）不支持配色方案媒体查询或@media媒体查询。在这些情况下，您可能需要使用高对比度颜色来确保您的电子邮件在浅色和深色模式下都清晰可辨。