如果要响应很多td，我们可以给出宽度100％

Question

我有一个要在表格视图中列出的项目列表，即4 * 4,4行和4个coloums。 桌面视图（1024+）中的每个元素都具有固定宽度（大约158px）和高度（大约200px）。 这个网站需要响应，所以我决定在平板电脑视图（768和更小）中的每一行显示一个td，html中没有变化，通过添加媒体查询并使用100％的td，它可以工作。我想确保这在语法上有效并且浏览器可以压缩。

---

这是html结构

<tr>
    <td><div>........</div></td>
    <td><div>........</div></td>
    <td><div>........</div></td>
    <td><div>........</div></td>
</tr>
in desktop view each td will have a width of about 158px

---

<tr>
    <td><div>........</div></td>
    <td><div>........</div></td>
    <td><div>........</div></td>
    <td><div>........</div></td>
</tr>
in Tablet view view each td will have a width of 98% and 1% padding