响应式Html模板

Question

您好，我必须编码响应式html电子邮件模板，我希望你清除我，我的模板是否会响应，如果我添加不同分辨率的媒体查询，例如像这样

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

(这只是一段代码来澄清我的观点，当然我必须为整个模板添加这段代码)

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

Answer 1

添加媒体查询将使您的电子邮件‘响应式’，前提是它设置正确和功能当然。在您的示例中，您需要将这些类添加到适当的表中才能使其生效。因此，作为一般规则，使用媒体查询=响应。

一个很好的响应式模板是在Adid上通过电子邮件发送this one。