响应式电子邮件 - 如果短屏没有媒体查询，则将表格单元格转换为新行

Question

我正在创建一个响应式电子邮件html。我想在表格中显示3个项目。如果屏幕较短，则最后一项应该进入新行。像here这样的东西。没有媒体查询可以制作类似的东西吗？

这是我的简化代码：

<table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td width="170" valign="top" style="background-color:green;">item 1 eeeeeeeeeeeeeeeeeeeeeeeee</td>
    <td width="16"></td>
    <td width="170" valign="top" style="background-color:green;">item 2 eeeeeeeeeee</td>
    <td width="16"></td>
    <td class="content" width="186" valign="top" style="background-color:green;">item 3</td>
  </tr>
</table>

我尝试使用display：inline on td来完成这项工作，但产品之间的间距不会调整。