Html 2乘2响应表

我在创建一个响应表时遇到问题，该表执行以下操作。使用媒体查询，它使每个表数据（td）成为它自己的表行（tr）

这里每个字母都是td。A和B在一行中，C和D在一行中

-----
-A-B-
-C-D-
-----

这里每个字母都是td。A、 B、C和D都在单独的一行中

-----
--A--
--B--
--C--
--D--
-----

我该怎么做？

给你：

只需使用媒体查询，您就可以实现这一点

@media only screen and (max-width: 760px){
 table, thead, tbody, th, td, tr {
  display: block;
 }
}

---

请向我们展示您迄今为止所做的尝试。让我为您搜索一下：