Question

我正在网站上使用Masonry，并且它工作正常，除了在移动版本中，磁贴延伸超过100％（在CSS中设置）。

之前有没有人遇到此问题，或者有任何建议如何修复它。什么也可以，甚至更好，是完全禁用移动版本中的砖石。我试过在移动设备上删除课程，但由于某些原因，仍然启用了Masonry。

JS

var container = document.querySelector('.masonry');
var msnry = new Masonry( container, {
  // options
  gutter: 80,
  itemSelector: '.tile',
  isFitWidth: true,
});

var hodgecont = document.querySelector('.hodgemasonry');
var msnry = new Masonry( hodgecont, {
  // options
  gutter: 50,
  itemSelector: '.hodgeitem',
  isFitWidth: true,
});

$container.imagesLoaded( function(){
  $container.masonry({
    itemSelector : '.hodgeitem'
  });
});

#overviewwrapper {
    padding: @edgePadding;
    width: 100%;
    min-width: 0;
    //max-width: @maxWidth;
    margin: auto;
    margin-top: @topMargin;
    //background-color: green;
}

CSS

#overviewwrapper {
    padding: @edgePadding;
    width: 100%;
    min-width: 0;
    //max-width: @maxWidth;
    margin: auto;
    margin-top: @topMargin;
    //background-color: green;
}


.tile {
    width: 100%;
    max-width: 500px;
    min-width: 0;
    margin: auto;
    margin-bottom: 50px;

}

HTML

<div id = 'overviewwrapper' class = 'masonry design' >

  <div class = 'tile'>
    <h2><span>Is Jack Wild?</span></h2>
    <div id = 'aboutmetext'>
      <p>About para</p>
    </div>
    <div class = 'info'>
      <ul>
          <li>+49 ******</li>
          <li>info (at) ******/li>
      </ul>
    </div>
  </div>

***other tiles here***

</div>

在移动设备上，砌体包装100％宽度太宽

0 个答案: