我想做一个响应表，表有4列（4x1）在一行，并希望显示2列在一行最大宽度：600px[手机屏幕]（2x2），我的代码正在运行，但有4x4。如何纠正CSS.输出应如下所示。

桌面-

<代码>---A B C D---- ---- ---- ----

移动的

<代码>---A B---- -------- ----C D---- ----

<代码>表格{宽度：100%；border-collapse：崩溃；背景：RGB（196，215，70）}tr：第n个孩子（2n）{背景：浅蓝色；}Th，：在{背景：番茄；框-阴影：插入0 0 0 2px；}TH，TD{框-阴影：插入0 0 0 2px；文本对齐：居中；垂直对齐：中间；填料：0.5em；垂直对齐：中间；}@支持（显示：内容）{/*如果数据时间属性位于HTML中并且支持display：contents，则技巧有效*/@媒体屏幕和（最大宽度：768px）{桌子{显示：Flex；flex-flow：列；}头，tr，tbody{显示：内容；}tr th：第一个孩子{显示：无；}Th{背景：红色；}TD{显示：表；表格布局：固定；border-collapse：崩溃；宽度：100%；}TD：之前{内容：ATTR（data-time）；右边框：实心1px；显示：table-cell；垂直对齐：中间；空白：pre；/*除非你在乎*/填充：0.25em；}tr：第n个孩子（2）{订单：0；}TR：第n个孩子（3）{订单：1；}TR：第n个孩子（4）{订单：2；}TR：第n个孩子（5）{订单：3；}TR：第n个孩子（6）{订单：4；}TR：第n个孩子（7）{订单：5；}}}

<代码><；表格>；<；正文（>；）<；TR>；<；TD>；<；P>；A<；/P>；<；/TD>；<；TD>；<；P>；B<；/P>；<；/TD>；<；TD>；<；P>；C<；/P>；<；/TD>；<；TD>；<；P>；D<；/P>；<；/TD>；<；/tr>；<；/t正文>；<；/表格>；

顺晟科技：