调整html css表格位置,调整表格中的列宽（CSS / HTML）

我一直在尝试将移动设备上的列宽变为50％，但我尝试过的所有内容都无效。这是css。

@media (max-width: 768px) {

#customTable tbody { float: left; }

#customTable thead { float: left; }

#customTable thead { min-width: 120px }

#customTable td { display: block }

#customTable th { display: block }

#customTable {table-layout: fixed;}

#customTable td {width: 50%;}

#customTable td {height: 20px; overflow: hidden;}

#customTable div {height: 20px;overflow: hidden;}

}

这是html

Test 1Test 2Test 3Test 4

TestTestTestTest