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