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和#contentWrapper设置固定宽度（1024px）。尝试以百分比而不是固定宽度设置宽度

#canvasWrapper {
  width: 100%;
}

#contentWrapper{
  width: 100%;
}

Jquery同位素实现：不动画

1 个答案: