元素相互叠加，直到我再次加载页面

Question

我制作了一个快速的模拟网页来展示我过去做过的项目。它在本地运行良好，但在部署时，它不时导致页面加载不正确，投资组合部分中的图像相互重叠，如下图所示。

我正在使用这个colorlib template的修改。

页面似乎通过刷新来修复自己，但是如果我禁用缓存，刷新后它会保持中断状态，这让我认为它与某些资产先于其他资产加载有关。在本地测试时也可以正常工作。

网站本身可以查看here，源码here。有问题的部分从第 242 行开始。

如果有人有任何好的建议，请提前致谢！

Answer 1

如果其他人有同样的问题，我注意到调整窗口大小修复了它，所以每秒添加一个对窗口的调整大小监听器的调用阻止了布局对我的破坏。不是最好的解决方案，但它有效！

window.setInterval(function(){
   $(window).trigger('resize')
}, 1000);