Javascript 根据屏幕大小将栏目排成新行，使网站响应

我需要通过将最后两列移动为新行来使页面响应。如何在javascript中实现这一点？请给我javascript代码片段。当前表为

<table>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
    <td>d</td>
  </tr>
  <tr>
    <td>e</td>
    <td>f</td>
    <td>g</td>
    <td>h</td>
  </tr>
</table>

A.
B
C
D
E
F
G
H

这应该改为

<table>
  <tr>
    <td>a</td>
    <td>b</td>
  </tr>
  <tr>
    <td>c</td>
    <td>d</td>
  </tr>
  <tr>
    <td>e</td>
    <td>f</td>
  </tr>
  <tr>
    <td>g</td>
    <td>h</td>
  </tr>
</table>

A.
B
C
D
E
F
G
H

---

这不仅适用于调整浏览器屏幕的大小，而且在移动手持设备上打开时也适用

您想得太多了。不要对布局使用

表格

。对表格使用

表格

对于网站的网格，请使用其他更合适的网格，如

div

或

部分

。在你的情况下，divs是一种方法

---

您所需要的可以通过HTML和基本HTML结构来实现。如果你实际上不需要JavaScript，就不要使用它。

你付多少钱？看起来您还误用了表元素。它的目的是显示表格数据，而不是创建布局。那么响应性框架呢？Skeljs，Bootstrap，基金会…？