css - 媒体查询不起作用的通讯信函模板

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>

标签： css

Answer 1

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

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