html - 响应式 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

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

一个出色的响应式模板是 this one通过 Adid 上的电子邮件。