调整视口大小时的大小:table;固定宽度的单元格留下1px的空间

时间:2015-03-18 11:12:59

标签: html css webkit

我们有display:table;在我们的响应项目中。我们的桌子是一个包装,显示100%宽度。其中一个单元格是固定的px宽度。

调整浏览器大小时,单元格右侧会留出1个像素的空间,每个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;}

1 个答案:

答案 0 :(得分:0)

看起来你在WebKit渲染引擎中发现了一个错误。 .wrapper类似乎没有以与.table相同的速率进行缩放(您可以将背景颜色移动到.table并获得相同的效果)。检查here以查看此错误是否已经提交(我没有在快速搜索中找到它),如果没有,则提交一个。恭喜!