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

【问题标题】：How to make the max width inherent OR initial (whichever comes first) in css?如何在css中使最大宽度固有或初始（以先到者为准）？
【发布时间】：2019-01-24 19:27:24
【问题描述】：

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

【问题讨论】：

标签： html css image styles width

【解决方案1】：

我想这就是你要找的东西。

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

【讨论】：

【解决方案2】：

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

img{
   max-width:100%
}

它不会超过它的自然宽度。见小提琴 - https://jsfiddle.net/6hLz5em2/

【讨论】：

我更新了我的小提琴，但问题仍然模糊。在此示例中，div 是全宽的，其中有一个图像在其自然大小之前是流动的，并且父级会拉伸直到达到自然宽度。 jsfiddle.net/6hLz5em2/7如果我们在这里遗漏了什么，请告诉我们。