我有一个 HTML 表格,在移动浏览器中我需要隐藏它的一些列。
如果可能,我想使用@media
查询隐藏 2 或 3 个这些列。下面的代码对我不起作用:
<table>
<tr>
<td></td>
<td class='collapsable'></td>
<td class='collapsable'></td>
<td></td>
</tr>
</table>
//hide cols here
td.collapsable {display:block; }
@media only screen and (min-width: 450px) {
//show cols here
td.collapsable {display:none; }
}