Image 浏览器上的jQuery砌体流体图像调整大小

Image 浏览器上的jQuery砌体流体图像调整大小,image,jquery-masonry,fluid-layout,Image,Jquery Masonry,Fluid Layout,我试图建立一个流动的多栏布局与图像使用砌体。在某些浏览器大小下,多列将翻转为一列。有办法解决这个问题吗 代码笔: $(函数(){ var$container=$(“#container”); $container.imagesLoaded(函数(){ $(窗口)。调整大小(函数(){ $container.com({ itemSelector:“.item”, isResizable:错误, }); }).resize(); }); }); img{ 最大宽度:100%; } #容器{ 最大宽

我试图建立一个流动的多栏布局与图像使用砌体。在某些浏览器大小下,多列将翻转为一列。有办法解决这个问题吗

代码笔:

$(函数(){
var$container=$(“#container”);
$container.imagesLoaded(函数(){
$(窗口)。调整大小(函数(){
$container.com({
itemSelector:“.item”,
isResizable:错误,
});
}).resize();
});
});
img{
最大宽度:100%;
}
#容器{
最大宽度:1280px;
保证金:0自动;
}
.项目{
浮动:左;
宽度:46%;
填充:2%;
}

对我来说,它被分为两列,一直到chrome可以达到的最小值

但是,我建议为您的容器设置一个最小宽度(320px),以便任何小于该宽度(我假设是当它进入一列时)的值都将启动窗口滚动,而不是将其推入一列


您在哪个浏览器上遇到这种情况?出现此问题时,窗口的大小是多少?问题中的更多信息=答案中的更多帮助。

这似乎是一个亚像素问题。将.item宽度从46%更改为45.9%解决了此问题。