html - Bootstrap 1 额外 px in chrome

Question

我正在使用 bootstrap 创建网页。 我在两个 block (内容和标题)上派生了正文。在内容 block 中，我有 div 类 .container .sameTable 在里面我有 div 类 .row .sameRow 派生于另外两个 block (left 和 right)。 left 有类 - .col-xs-2，right 有类 - .col-xs-10 和他们都有类 - .sameCol 也是。

在 Opera、FF、IE 中我没有任何问题。但是在不同屏幕尺寸的 Chrome 中，内容宽度比其他 block 少 ~1px。我读到我可能是由百分比宽度定义引起的，但我无法更改 Bootstrap 的类。我怎样才能避免它？ 图片 - http://c2n.me/3em6LU4.jpg

此外，如果我从左侧和右侧 block 中删除 float:none，问题就会消失，但我的左侧 block 变得比我需要的要小。 图片 - http://clip2net.com/clip/m421320/49445-clip-46kb.jpg

.sameTable, .sameRow, .sameCol 这是我自己的类，看起来像:

.sameTable {
    display: table;
    padding: 0;
}

.sameRow {
    display: table-row;
}

.sameCol {
   float: none;
   display: table-cell;
   vertical-align: top;
}

Answer 1

这是 Bootstrap 网格的舍入问题。由于 Chrome 支持亚像素渲染，因此会出现该错误。我不会为此担心。