调试高度HTML,jQuery砌石



我使用的是jQuery砌石,遇到一个问题,框之间的边距(垂直)有时会变化。设置正确边距的唯一方法是使用浏览器控制台重新加载砖石

jQuery( ... ).masonry( 'reload' ); 

初始化砖石后,有东西导致高度变化,我找不到它(仅限静态内容,不涉及脚本)。。

编辑:此问题与从远程目标加载的外部字体有关。

谢谢!

好吧,为了其他SO用户的利益,我认为问题可能会在公开场合得到更好的回答。

您使用的字体是fonts.com、typekit.com还是google.com/webfont?如果你用标准字体测试你的页面,然后一切正常,可能是你的网络字体加载得很晚,这会阻止Masonry计算出每块砖的正确垂直尺寸,从而打乱垂直布局。如果你说它在重新加载后看起来是正确的,这可能意味着到那时所有的内容和外部代码(文本、图像、字体、脚本等)都已经加载,所以在重新加载之后,一切看起来都像预期的那样。

谢谢你的回答,经过搜索,我发现这个问题在Masonry网站上有描述https://github.com/desandro/masonry/issues/3

解决方案:使用WebFontLoader并在字体加载回调后重新加载砖石

感谢

最新更新