我正在发送一封电子邮件,其中有一个巧妙的视觉元素,依赖于能够突出显示文本。由于这在移动设备上实际上是不可能的,并且如果没有这种视觉效果,它看起来真的很尴尬,因此我正在考虑尝试不在移动设备上显示此元素。
据我所知,执行此操作的唯一方法是使用 @media
标记,据我所知,这无法在内联电子邮件友好中完成css方式。这可以通过其他方式实现吗?
如果相关的话,我正在使用 MailChimp,但我不确定是否会如此。
最佳答案
媒体查询肯定会通过 MailChimp 内联工作。基本上,您只需为要隐藏的元素分配一个类,例如“仅限桌面”,然后当浏览器宽度低于某个像素时,将 CSS 规则应用于该选择器 display:none
宽度。
@media only screen and (max-device-width: 480px) {
.desktop-only {
display:none;
}
}
https://blog.mailchimp.com/using-media-queries-to-improve-readability/
关于html - 在移动设备上隐藏某些电子邮件元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23229477/