如何在CSS中使最大宽度固有或为初始值（以先到者为准）？

Question

我正在尝试使图像自动调整大小，直到它填满div或达到其初始大小。我希望它随着div的增长而增长，但在达到其初始大小时停止。我还希望它始终保持其原始纵横比。只能使用CSS吗？

Answer 1

请添加一些其他详细信息。如果这如您所描述的那样简单，那就不要在CSS中设置宽度，而是应用max-width;

range(10)

并且不会超过其自然宽度。参见小提琴-https://jsfiddle.net/6hLz5em2/

Answer 2

我认为这就是您想要的。

img{
  width:100vh;
  height:100vh;
}