jquery-isotope - Jquery Isotope 实现：不动画

Question

一切进展顺利，在以下位置实施同位素：

http://rgbdrinks.squarespace.com/

然后我超前了，试图改变容器 CSS 并且无法回溯我的步骤。

我将非常感谢任何帮助。

最好的祝愿，

安德鲁

这是代码：

---

    <div id="container">
    <div class="item"><span class="full-image-inline ssNonEditable"><span><img style="width:   150px;" src="/picture/drink%20pour%203.jpg?pictureId=18133348&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1370962041640" alt="" /></span></span></div>
    <div class="item"><span class="full-image-inline ssNonEditable"><span><img style="width: 150px;" src="/picture/martini%20glass%20splash.jpg?pictureId=18133349&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1370962058097" alt="" /></span></span></div>
    <div class="item"><span class="full-image-inline ssNonEditable"><span><img style="width: 150px;" src="/picture/tablecloth.jpg?pictureId=18133350&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1370962092184" alt="" /></span></span></div>
<div class="item"><div id="squarespace-slideshow-wrapper-1370943850" rel="51b6f18ae4b0877f36bb6468" class="ss-slideshow-v2"></div></div>
</div>

<script src="http://rgbdrinks.squarespace.com/storage/isotope/js/jquery-1.7.1.min.js"></script>
<script src="http://rgbdrinks.squarespace.com/storage/isotope/js/jquery.isotope.min.js"></script>  
<script src="http://rgbdrinks.squarespace.com/storage/isotope/js/fake-element.js"></script>

<script>
$('#container').isotope({
  // options
  itemSelector : '.item',
  layoutMode : 'fitRows'
});
</script>

Answer 1

#canvasWrapper您为和设置了固定宽度（1024 像素）#contentWrapper。尝试以百分比设置宽度而不是固定宽度

#canvasWrapper {
  width: 100%;
}

#contentWrapper{
  width: 100%;
}