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