css 为什么我的类在gmail里被删除了?

h9vpoimq  于 2023-01-14  发布在  其他
关注(0)|答案(1)|浏览(201)

我正在编写一个电子邮件,并创建了一个类,用于在移动的上看到的内容,而不是在桌面上。
出于某种原因,桌面上的Gmail正在剥离这个类。
有人知道我哪里出错了吗?它在其他桌面电子邮件平台上也能工作。

<style type="text/css">
/* Smartphone Portrait and Landscape */
@media screen and (max-width: 600px) {
  .mobileSpacer { 
    display: block;
  }
}

.mobileSpacer {
  display: none;
}
</style>
qv7cva1a

qv7cva1a1#

它应该可以工作,因为Gmail桌面支持<style>块。有某些形式的Gmail不支持<style>块,这些是:从移动的上的浏览器查看Gmail(移动设备上的Gmail网络邮件)-与Gmail应用程序相反;Gmail IMAP/POP(例如使用自己域名的企业用户);在一封长邮件上点击“查看完整邮件”后使用Gmail。
如果您有不喜欢的内容,Gmail也会删除<style>块:[attribute]和其他花哨的选择器,拼写/格式错误。使用它自己的样式块(你可以有多个),以确保它不会删除这个。
因此,我会使用移动优先的解决方案。也就是说,内联,使用你想要的移动视图。(我不能建议你想要什么内联,因为你没有代码。)桌面可以科普<style>块。
然后使用min-width @介质查询:

@media screen and (min-width: 600px) {
  .mobileSpacer { 
    display: none;
  }
}

桌面将应用这一点(除了极少数非常旧的桌面/网络邮件平台-这就是为什么我们迎合更流行的Gmail)。
Outlook for Windows不会应用它,但它有自己的特殊代码。您只需添加mso-hide:all内联:

<td style="mso-hide:all">

相关问题