Question

是否可以以响应方式进行邮件签名？我正在使用媒体查询做响应式网站。我也可以使用媒体查询邮件签名吗？

Answer 1

您必须为电子邮件模板使用内联css，并且内联css不支持媒体查询。

Answer 2

某些电子邮件客户端支持媒体查询，而其他电子邮件则不支持。与HTML电子邮件的所有内容一样，这是一个废话。有关支持媒体查询的电子邮件客户端列表，请参阅此页面： https://www.campaignmonitor.com/guides/mobile/

您可以将媒体查询放在<style>标记后面的<body>标记中，并且支持媒体查询的电子邮件客户端会识别它。最好的情况，IMO，将使用您正常的媒体查询集编码签名。我可能会使用尽可能多的流畅布局来签名，并使用媒体查询来更改字体大小等。

关于如何处理响应式HTML电子邮件，有很多指南。我建议您阅读更多信息。

Answer 3

内联css确实支持媒体查询..只需添加！important;对于你在媒体内的所有css，像这样：

@media screen and (max-width: 480px) {
.mobile {width: 300px !important;}
.mobile-font {font-size: 14px !important;}
}