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

Question

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

这是我到目前为止所拥有的： 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;
    }

}