html - 如果表格获得移动大小，则移动行

Question

我无法让表格响应。

我有什么：

   <table>
    <tr>
     <td style="width:25%">Selection </td>
     <!-- breakline if res below 643px -->
     <td style="width:15%">Other, like: </td>
     <td style="width:60%">insert text field</td>
    </tr>
</table>

当分辨率低于 643 像素时，我需要知道如何获得该断线。

Answer 1

您可以将表格的所有 td 设置为 100% 并浮动：向左，这样它们就会在另一个下移动。此外，要使更改生效，请向您的 CSS 样式添加媒体查询，例如：

@media (max-width: 643px){
 /* your changes */
}