2乘2响应表

时间:2017-03-06 04:56:38

标签: html css

我无法制作响应表来执行以下操作。使用媒体查询,它使每个表数据(td)拥有表行(tr)。

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

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

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

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

我该怎么做?

1 个答案:

答案 0 :(得分:0)

你走了:

只需使用媒体查询,即可实现此目标

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

https://jsfiddle.net/pf21euep/