Html 将TD显示为bock不一致

我正在测试移动设备上HTML电子邮件的布局

我遇到的问题是，在某些电子邮件客户端中，将表显示为块的代码不起作用。当我在JSBIN和JSFIDLE中测试时，我在同一个浏览器中得到不同的结果

有人能解释一下为什么块显示正确但不正确吗

JSFIDLE显示结果：块工作：

jsBin显示结果：块失败：

---

添加到jsBin解决了这个问题。

请您解释一下您面临的问题。。我不太明白。对不起，我原来链接到JSBIN的代码是旧代码。我更新了它，并添加了另一个屏幕截图，显示了我看到的差异。我希望现在应该更有意义了。

<style>
@media screen and (max-width:800px){            
  table {
      width: 100% !important;
      border-collapse: collapse;
  }
  table td {
      background: #aaa;
      display: block !important;
      width: auto !important;
  }
}    
</style>
<table cellspacing="0" cellpadding="15" border="0" width="100%">         
    <tr>
        <td valign="top" bgcolor="#f0f0f0">
            ABC ABC ABC ABC ABC                                             
        </td>                                       
        <td valign="top" bgcolor="#f0f0f0">
             CDE CDE CDE CDE CDE
        </td>       
    </tr>
</table>