0

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

这是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
4

0 回答 0