Jquery Safari可能存在浮动问题

我使用砖石来创建平铺的投资组合网格。我使用12列网格和几个不同宽度的平铺项目。以下是它在Chrome和Firefox上的外观：

和狩猎：

我已经尝试过使用calc、float、box Size和其他我能掌握的CSS声明。奇怪的是，如果你在Safari上调整窗口的大小，它会固定在一定的宽度上，这让我相信这是CSS计算（和亚像素舍入）

由于Safari向下舍入用于亚像素渲染，因此项目始终小于容器

请参见此处的代码：

---

这种效果无法在Safari中完全复制，但可以通过删除calc（）函数并使用较小的百分比来模拟

.item {
width: 33.33%
width: -webkit-calc(100% / 3)
width: -moz-calc(100% / 3)
width: calc(100% / 3)
display: inline-block
height: 0
float: left
padding-bottom: 25%
border: 1px solid #333
}

.item
    width: 33%