有没有办法在移动设备上占据一整行？

Question

我有一个布局非常简单的表单：

<table>
 <tr>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>
</table>

在桌面上，我希望它有4列，每列25％。当它下载到移动设备时，我希望第一个td在它自己的行上并且是100％宽度，然后低于其他三个是33％宽。

我无法使用＆＃34; width＆＃34;列跨度=＆＃34; 3＆＃34 ;.它只是推动整个桌子比容器更宽。有没有办法做到这一点？