如果已经设置了max-width和max-height，是否有一种方法可以防止内容重载延迟加载图像？

问题描述

在我正在工作的网站上，我试图防止在加载图像时发生内容回流。我正在使用React。在我的情况下，我的解决方案必须：

• 使用不同宽高比的图像。 （例如，如果它是3：2图像，则停留在3：2。如果是16：9，则停留在16：9）
• 支持max-height和max-width CSS属性。 （对于我来说，max-height = 60vh;和max-width = 100%;，如果有帮助的话。）

我已经阅读了padding-top或padding-bottom方法。由于点＃1，它们不起作用，因为padding-top和padding-bottom必须经过硬编码，并且图像的宽高比也不相同。当我使用JSX动态更改padding-top和padding-bottom时，当图像到达max-height或max-width时，它开始失真。我不知道还能做什么。

谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）