CSS 表格在某些浏览器上调整大小答案

【问题标题】：CSS table is resizing on some browsersCSS 表格在某些浏览器上调整大小
【发布时间】：2017-12-04 04:45:39
【问题描述】：

我有一个有四列的表。第一列和第三列的宽度必须为 132px。如果您在资源管理器上看到该页面，则两列都遵循指定的宽度。但在 Firefox 和 Chrome 上，这些列会增长到 206px，我不希望这种情况发生。

列

表格

我已经用 table-layout:fixed 设置了表格。我已经为这些 td 指定了宽度、最小宽度和最大宽度为 132px，但浏览器会继续为所欲为。

你能帮帮我吗？

更新

小提琴：jsfiddle.net/65o82kv0

列的 CSS

.cabecera {
    width: 132px;
    color: white;
    max-width: 132px;
    min-width: 132px;
    padding: 8px 12px;
    font-weight: bolder;
    white-space: nowrap;
    background-color: #82005E;
}

表格的 CSS

#bloqueVehiculo table,
#bloqueTren table,
#bloqueIncidencia table,
#bloqueMantenimiento table,
#bloqueClasificacion table,
#bloqueEstado table,
#selectorVehiculo table {
    width: 95%;
    margin: 23px auto;
    table-layout: fixed;
}

资源管理器上的表格图像

Chrome 上的表格图片：

【问题讨论】：

显示一个sn-p！
如果可能，添加 jsfiddle 或发布 html/css。
如果您有 table-layout:fixed，您需要做的就是明确指定每个表格单元格的宽度。表格的总宽度为 95%，其中两个单元格为 132px，另外两个单元格需要为 47.5% - 132px 宽。 jsfiddle.net/MrLister/m7e08c6z/1 在所有浏览器中的工作方式都相同。
亲爱的朋友们好！！！这就是小提琴：jsfiddle.net/65o82kv0 如果你展开结果视图，你可以看到四个 tds 是如何调整大小的。只有第二个和第四个 td 应该成功
第一个和第三个td的大小不是指定的

标签： css resize width css-tables

【解决方案1】：

并非每个浏览器在 CSS 方面都具有等价性，它们解释样式表的方式。
您可以指定一个固定大小的容器并将表格保留为其子元素，以使不同浏览器的大小相同。
请检查任何内联 CSS，因为它们有时会覆盖您可能拥有的外部 CSS 文件。

【讨论】：