媒体-查询不起作用的时事通讯模板

Question

我已经设置了正文背景颜色使用媒体查询，但媒体查询不工作，我的新闻通讯模板设计。你能解决这个问题吗？

示例html：

​

 @media only screen and (max-width: 480px) {
            .body1{background: red!important;}
}

<table cellpadding="0" cellspacing="0" width="100%" class="body1" style="border:none !important;background: #e4e3e3;">
 <tr>
  <td style="border:none !important;padding-left: 25px; padding-right: 25px; padding-bottom: 0px;">
<h1>Welcome Zeeapp</h1>
</td>
</tr>
</table>

​

Answer 1

只需删除表格的内联css并添加以下代码即可使用下面的css

<style type="text/css">
     @media only screen and (max-width:600px) {
            .body1{background: red;}
}
table{
     border:none ; background: #e4e3e3; 
}
</style>