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

Question

我们有这个问题 display: table;在我们的响应项目中。我们的表格在一个包装器中并显示 100% 的宽度。其中一个单元格是固定的像素宽度。

调整浏览器大小时，单元格会在右侧留下 1 像素的空间，每个 3 像素的视口都会调整大小。有没有解决方案或解决方法，我们似乎找不到它......

这是一个在 Codepen 中制作的示例，在 Chrome 或 Safari 中检查并水平调整浏览器窗口的大小： http://codepen.io/jstnrs/pen/RNqOWP

.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;}

Answer 1

您似乎在 WebKit 渲染引擎中发现了一个错误。 .wrapper 类的缩放比例似乎与 .table 不同（您可以将背景颜色向上移动到 .table 并获得相同的效果）。检查here 以查看之前是否已提交过此错误（我没有在快速搜索中找到它），如果没有，请提交一个。恭喜！