响应式Html模板

您好，我必须为响应html电子邮件模板编写代码我希望您澄清的是，如果我添加不同分辨率的媒体查询，例如类似这样的内容，我的模板是否会响应

@media only screen and (max-width: 480px){
table[class=wrapper]
{
    width:100% !important;
}
table[class=main_table]
{
    width:320px !important;
    width:100% !important;
}

（这只是一个cod来澄清我的观点，当然我必须为整个模板添加这个）

---

所以，如果我添加这些查询，模板是否会响应？

添加媒体查询将使您的电子邮件“响应”，当然前提是设置正确且功能正常。在您的示例中，您需要将这些类添加到适当的表中，以使它们生效。因此，一般来说，使用媒体查询=响应

---

一个优秀的响应模板是通过Adid上的电子邮件开始的。

您使用

table[class=wrapper]

而不是

table.wrapper

有什么特别的原因吗？而且，您不需要这些

！重要的

标记在这里。根据您问题的性质判断，我会先检查这里。你可以在几分钟内真正了解它的要点。还有一件事，如果你打算手动重新调整布局以适应每种分辨率，不要这样做。熟悉Twitter引导。这将使你的生活和工作流程更加高效。很好的建议，这可能是一个愚蠢的问题，但对电子邮件来说确实很有帮助。我相信这将帮助很多人。这是电子邮件设计师用来防止雅虎默认显示媒体查询的一种技术。我相信雅虎最近已经解决了这个问题。