ios 如何在电子邮件模板中的GMAIL上以暗模式显示特定图像(使用显示器)

dvtswwa3  于 2023-10-21  发布在  iOS
关注(0)|答案(1)|浏览(273)

我有下面的代码片段,有两个图像,一个用于亮模式,另一个用于暗模式。媒体查询不适用于iOS Gmail应用程序。我怎么能显示一个. img黑暗时,应用黑暗模式在iOS Gmail应用程序?

@media (prefers-color-scheme: dark) {
.img-dark {
      display: inline-block !important;
    }
    .img-light {
      display: none !important;
    }
}
<img
                                      class="header-logo img-light"
                                      src="https://viwell.com/wp-content/uploads/2023/10/viwell-logo.png"
                                      alt="Viwell Logo"
                                      style="width: 284px; height: 64px"
                                      width="284"
                                      height="64" /><img
                                      class="header-logo img-dark"
                                      src="https://viwell.com/wp-content/uploads/2023/10/viwell-logo-dark.png"
                                      alt="Viwell Logo"
                                      style="
                                        width: 284px;
                                        height: 64px;
                                        display: none;
                                      "
                                      width="284"
                                      height="64"
                                  />
iaqfqrcu

iaqfqrcu1#

Gmail iOS应用不支持媒体查询。要在Gmail iOS应用程序中显示.img-dark图像,您需要使用不同的方法。
一种方法是使用data-src属性存储暗模式下图像的路径。然后,您可以使用JavaScript检查当前查看模式并显示相应的图像。

data-src="https://viwell.com/wp-content/uploads/2023/10/viwell-logo-dark.png"

相关问题