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

Question

我们在display方面遇到了这个问题：table；在我们的响应项目中。我们的表位于包装中，显示100%的宽度。其中一个单元格是固定的px宽度。

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

以下是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渲染引擎中发现了一个错误。.wapper类的缩放速率似乎与.table不同（您可以将背景颜色上移到.table并获得相同的效果）。检查这里，看看这个bug以前是否被提交过（我在快速搜索中没有找到），如果没有，请提交一个。恭喜！