jquery - 同位素问题：调整大小时图层卡住（响应式）

Question

我正在尝试将响应式 SKELETON 框架与 Isotope 结合起来，但到目前为止我遇到了一个问题：当我调整浏览器大小时（特别是如果我最小化，然后最大化浏览器），一些列会卡住。如果我将 webkit-animation 设置为 0.1 秒或更短，它就可以工作，但到目前为止，当我使用 0.8 秒时反应不正确。

这是我到目前为止所拥有的：http: //www.paulbauer.net/development/animate.html

谁能帮忙？

最好的问候，保罗

Answer 1

尝试为每个媒体查询给容器一个最大宽度和一个最小宽度。

例子：

@media only screen and (max-width: 479px) {

    #isotainer
    {
        max-width: 300px;
        width: 300px;
        min-width: 300px;
    }       
}

@media only screen and (max-width: 959px) {
    #isotainer
    {
        width: 768px;
        max-width: 768px;
        min-width: 768px;
    }

}