css - 表格宽度 100%。 1列固定宽度

Question

这是我遇到问题的代码:

http://jsfiddle.net/crptS/

基本上我有一张 table ， table 的宽度是100%

table
{
 border: 1px solid #ffda95;
  border-collapse: collapse;
  width: 100%;
}

现在我有 1 个列，其中包含 3 个图标，我不希望此列随页面缩放。它的宽度应该是 25px。 td 有类 tdmaxwidth60

.tdmaxwidth60
{
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}

但是。在 Firefox 和 IE 中，此列仍随页面缩放，与 jsFiddle 中略有不同。它看起来像 width 正在工作(加载宽度是正确的)并且 min-width 也工作，当你有页面全屏并且你把它变小它保持一样的宽度。但是，当您在小页面上加载页面然后使其全屏显示时，列的宽度会拉伸(stretch)。

有什么解决办法吗？

Answer 1

在您发布的 jsfiddle 中，4 列具有固定宽度。因此，它们都可以缩放以适应 table 的宽度。

如果您只设置第一列的宽度，那么其他列将缩放以适应。第一列将保持不变。