CSS @media print改变td标签不起作用

Question

我有一排数据有几列。我的名字列比其他列宽。

以下是我的代码，在打印过程中，ID字段expand_field会更宽，但@media print CSS中没有效果。

@media print {          
#expand_field td {
    width: 500px;
}                     
echo '<td id="expand_field">'.$rows["3"].'</td>';

Answer 1

你的选择器错了：

由于td有id，你应该这样做：

@media print {          
td#expand_field{
    width: 500px;
}

但由于id是唯一的，您可以使用该ID

@media print {          
#expand_field{
    width: 500px;
}