我的网站设计有媒体查询,以覆盖不同大小的布局。我有砌体组织一堆全尺寸宽度的浮标,没问题。在移动宽度下,所有浮子都会浮起并堆叠在一起。所以我只需要在网站大小调整为平板电脑布局且 768px
<script type="text/javascript">
//<![CDATA[
$(document).ready(function($){
$('ul.xoxo').masonry({ singleMode: true, itemSelector: '.widgetcontainer' });
//If the User resizes the window, adjust the #container height
$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
var newWindowWidth = $(window).width();
if(newWindowWidth<1008){
$('ul.xoxo').masonry();
} else {
$('ul.xoxo').masonry();
}
}
});
/* ]]> */
</script>
这对我来说还不起作用,但我也不希望它在所有调整大小上运行......只是在断点处。
对于这些情况,您可以使用 Masonary 的 isRessized 选项。
$container.masonry({
itemSelector: '.box',
isResizable: true
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)