html - 调整视口(viewport)大小时显示 : table; with fixed width cell leaves 1px space

Question

我们在显示时遇到了这个问题:表格；在我们的响应式元素中。我们的表格在包装器中并显示 100% 宽度。其中一个单元格是固定的 px 宽度。

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

这是在 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查看之前是否已提交此错误(我没有在快速搜索中找到它)，如果没有，请提交一个。恭喜!