Html 调整视口显示大小时：表格；固定宽度的单元格留有1px的空间

我们在显示方面有这个问题：表；在我们的响应项目中。我们的桌子在包装中，显示100%的宽度。其中一个单元具有固定的px宽度

调整浏览器大小时，单元格会在右侧留出1px的空间，每个3px te视口都会调整大小。是否有解决方案或解决方法，我们似乎找不到

下面是一个使用Codepen制作的示例，请在Chrome或Safari中选中此项，并水平调整浏览器窗口的大小：

---

看起来您在WebKit渲染引擎中发现了一个bug。.wrapper类的缩放速度似乎与.table不一样（您可以将背景颜色向上移动到.table，获得相同的效果）。检查这个bug以前是否被归档过（我在快速搜索中没有找到），如果没有，则归档一个。恭喜你

我的同事指出，当表格包含两个单元格，其中只有一个单元格具有（固定）宽度时，也可以使用此方法，请参见：即使是一个单元格没有宽度：

.table {
    display: table;
    table-layout: fixed;
    width: 100%;  
}

.table-cell {
    display: table-cell;
}

.table-cell-01 {width: 25%;}
.table-cell-02 {width: 25%;}
.table-cell-03 {width: 100px;}