如何禁用砌体的“响应”部分?

时间:2012-09-27 21:15:07

标签: jquery jquery-masonry

我的内容div上有一个固定的宽度(填充了不同大小的图像),我不希望图像根据浏览器重新调整大小或重新组织。如何禁用砌体的响应部分?

我正在使用砖石,因为它正在我的div中完美地调整我的图像,但我只需要将其响应部分移除。

我已经删除了css中的所有“max-width”代码(它负责调整图像大小),但主要问题是当我重新调整大小时图像开始堆叠在一起浏览器的尺寸更小。我不知道是不是因为jquery文件或者它在我的CSS中发生了?

任何帮助都会非常感激,谢谢!

2 个答案:

答案 0 :(得分:1)

  

http://masonry.desandro.com/docs/options.html

     

isResizable

     

调整浏览器窗口大小时触发布局逻辑。

您需要将isResizable设置为false

$('#container').masonry({
  isResizable: false,
});

答案 1 :(得分:0)

您需要使用所需屏幕宽度(移动电话= 640)呼叫砌石js

if ($(window).width() > 640) {
            $('.grid').masonry({
              // options
              itemSelector: '.grid-item',
              columnWidth: 0
            });
        }