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

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

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