html - 具有不同大小的列名和行名的响应表

Question

我正在尝试创建一个如下所示的矩阵:

让我烦恼的是如何使列名和行名响应中间的网格。到目前为止我有这个代码:jsfiddle example

 t t t t
 e e e e
 x x x x
 t t t t
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text

我尝试将文本制作为矩阵的一部分，但元素的不同大小会影响较小屏幕的响应能力。目前，当垂直文本不是矩阵的一部分时，它看起来几乎没问题，但水平文本不是。

我正在寻找有关如何继续的一些建议。

Answer 1

有什么

 Text
   Text
     Text
       Text
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text

如果不能并排放置，请将它们放在一起。

你必须看看它是否符合你的要求。 (然后我会建议列标题使用较小的字体大小和较小的行高)