CSS - 具有媒体查询的类不适用于电子邮件模板中的元素

Question

我目前正在构建一个电子邮件模板，需要对具有适当文本样式和元素大小的移动设备做出响应。例如，当我对所有p应用一个类时元素，我使用class:

.mcnTextContent p {
font-size: 14px;
}

并且它在结果模板中完美地工作。
但问题是，如果我尝试使用媒体查询和使用类，如:

@media only screen and (max-width: 1024px) {
.mcnTextContent p {
font-size: 10px;
}

或

@media only screen and (min-width: 1024px) {
.mcnTextContent p {
font-size: 14px;
}

它们不适用于元素和生成的电子邮件p元素只有标准字体大小。
任何帮助或建议都是非常感谢的。

Answer 1

确保你有<meta content="width=device-width, initial-scale=1" name="viewport" />到你的html头类。如果仍然不能工作，请阅读