动态调整图像大小以适应 div 容器的最佳方法是什么。
例如，我希望有一个最大高度为 50% 且最大宽度为 100% 的父容器。然后我想在那里放一个图像。如果图像是横向的，并且在父容器的最大高度范围内，则它应该水平延伸，但要尽可能高。如果图像是纵向的并且超过父容器的最大高度，则它应该在最大 50% 处停止，并且根据照片的比例尽可能宽。
谢谢。
我尝试添加高度为50%、宽度为100%的父div，然后向子图像添加了最大高度为100%、最大宽度为100%。它对高于50%的照片很好，但如果照片低于50%，则div仍占50%，并且会在照片下方创建难看的空白。
由于您不提供代码或html，我只能说您可以使用object-fit：contain; 图像父级上的css属性来包含图像而不会丢失纵横比。
