0

我在一个网站上使用 Masonry，它工作正常，除了在移动版本中，瓷砖延伸超过 100%（它在 CSS 中设置）。

以前有没有人遇到过这个问题，或者有任何解决方法的建议。在移动版本中完全禁用砌体也是可行的，甚至更好的是。我曾尝试在移动设备上删除课程，但由于某种原因，砌体仍然启用。

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>
4

0 回答 0