css - 使用 LazySizes 延迟加载图像，但希望在加载时保持图像周围的空间

Question

我正在使用 LazySizes 延迟加载图像。我正在使用 Bootstrap 作为 HTML 和 CSS 的框架，但是在加载图像时试图保持图像周围的空间时遇到了麻烦，因此图像似乎没有填充它周围的文本之间的空间。几乎就像图像在页面上定期加载的方式一样，当您不进行延迟加载时，它周围会保持一定的空间。

我已经尝试指定宽度和高度，并将宽度规范添加到数据源、图像的 HTML 中，并使用了 data-sizes="auto"，但这没有帮助。我的想法是添加 CSS 自定义，以便在加载图像之前保持图像的空间，但我想知道是否有更好的方法来做到这一点？

Answer 1

我的解决方案是添加一个 src= 低质量图像的属性，以允许在图像延迟加载之前保持空间。这样它看起来与在没有延迟加载的情况下加载的图像保持相同的行为。