我正在使用lazysize library进行一个项目，我遇到的一个问题是我有一个页面，其中包含这样的组件：
<body>
<div>
<img data-src="img1.jpg"></img>
</div>
<div>
<img data-src="img2.jpg"></img>
</div>
<img data-src="img3.jpg"></img>
</div>
...
<img data-src="img10.jpg"></img>
</div>
<div>text-text</div>
<body>
您可以看到整个页面的高度是这些图像的总高度。在这种情况下，当我检查网络流量时，lazyload函数无法正常运行，因为开始时没有高度（在下载图像之前），因此所有元素都被推入视图，而js会将它们视为视图元素然后下载以将data-src切换到src。最终，lazyload lib不会延迟加载图像。
我尝试在父div中添加min-height以使其具有一定的高度，这里的问题是图像src来自其他团队，因此它可能确实很短，在这种情况下，min-height正在中断样式。
问题： 有解决这个问题的优雅方法吗？
谢谢！