使用最小宽度时折叠表列

Question

我有一个表和一列包含文本，应该是可读的

所以我设置了像min-width: 32em; max-width: 40em;这样的css。但整体表格非常宽，所以我尽量保存尽可能多的空间，如果文字宽度小于min-width

，我想折叠列

但是min-width是最小宽度，所以即使所有这些列单元格都是空的，它也会占用空间

我也无法禁用包装

我怎样才能实现它？

Answer 1

您可以使用此示例

@media screen and (min-width: 300px) {
#Table
{
 display: none;
}
}