Html @仅媒体屏幕不适用于移动设备

我正在创建一封响应电子邮件。在我的电子邮件模板中，我包含了以下标签：

并为移动设备添加了以下样式属性：

@仅媒体屏幕和（最大设备宽度：799px）{
div[class=“column”]{
宽度：自动！重要；
浮动：无！重要；
}
.reasonDiv{
浮动：无！重要；
左侧填充：12px！重要；
填充顶部：35px！重要；
}
.形象{
宽度：10px；
高度：10px；
}
.留言{
填充顶部：10px！重要；
}
.产品形象{
宽度：64px！重要；
身高：继承！重要；
}
.siteLogo{
宽度：180px！重要；
}
}

---

样式属性在移动设备上不起作用！请帮忙！谢谢。

在做了一些研究之后，我发现大多数电子邮件提供商不支持@media query标记

您是如何测试的？您是通过移动设备实际访问站点的吗？使用

max device width

意味着它只会影响物理设备。请尝试使用

max width

，以便您可以在计算机上进行调试。我不知道确切原因，但请注意，大多数电子邮件客户端不支持媒体查询，而且您可能希望使用max width而不是max device width，然后查看是否有效。是的，我正在使用mandrill测试电子邮件功能。我已经尝试过了，但没有成功。这真令人难以置信。它可以在我的模拟器上工作，但不能在我的手机上工作。如果由于屏幕大小的原因，图像小到不能调整大小，但需要调整大小，因为它会挤压页面上的所有其他内容，那么我可以使用什么使其变小？