Html 创建响应表

我已经创建了一个这样的表

+---------------+
| 1 | 2 | 3 | 4 |
+---+---+---+---+
| 5 | 6 | 7 | 8 |
+---+---+---+---+
| 9 | 10| 11| 12|
+---+---+---+---+
| 13| 14| 15| 16|
+---+---+---+---+

当我将浏览器调整为平板电脑大小时，应该是这样的-

 +----------+
| 1 | 2 | 3 |
+---+---+---+
| 4 | 5 | 6 | 
+---+---+---+
| 7 | 8 | 9 | 
+---+---+---+
| 10| 11| 12|
+---+---+---+

---

这是可能的？

您不能使用

表

标记创建。但是，您可以使用

div

标记和响应css创建。以下是你的答案：

.container{
浮动：左；
宽度：100%；
最大宽度：204px；
文本对齐：居中；
左边框：1px虚线#000；
边框顶部：1px虚线#000；
}
.细胞{
浮动：左；
宽度：100%；
最大宽度：50px；
右边框：1px虚线#000；
边框底部：1px虚线#000；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16