jquery - 如何禁用砌体的“响应”部分？

Question

我的内容 div 有固定宽度（填充不同大小的图像），我不希望图像根据浏览器重新调整大小或重新组织。如何禁用砌体的响应性部分？

我正在使用砌体，因为它可以在我的 div 中完美地调整我的图像大小，但我只需要删除它的响应部分。

我已经删除了 css 中的所有“最大宽度”代码（负责调整图像大小），但主要问题是当我将浏览器调整为较小的尺寸。我不知道这是因为 jquery 文件还是在我的 css 中？

任何帮助将不胜感激，谢谢！

Answer 1

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

可调整大小

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

您需要将 isResizable 设置为 false

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

Answer 2

您需要使用所需屏幕的宽度（ mobile = 640 ）调用 masonry js

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