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

Question

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

Answer 1

请添加一些额外的细节。如果这像您描述的那样简单，只是不要在 CSS 中设置宽度，并应用最大宽度；

img{
   max-width:100%
}

并且它不会超过它的自然宽度。参见 fiddle - https://jsfiddle.net/6hLz5em2/

Answer 2

我想这就是你要找的。

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