Html 根据图像调整容器大小

我有一个高度为100%的图像容器和一个适合该高度的图像（使用display:inline制作）。我现在想做的是使容器宽度缩小，以适应调整大小的图像

问题：容器收缩到图像的原始大小，而不是大小调整后的版本。

您可以向图像添加“onLoad”操作，类似于

onLoad=“sizeCont（）；

---

你为什么不直接使用

并设置
宽度：100%
。试试看效果如何。
我找到了一个解决方案。现在容器的行为符合我的要求。图片会根据给定的高度动态调整大小。容器会根据所有图片的宽度调整大小。唯一剩下的是，如果美国er正在更改窗口大小，网站必须重新加载（可以用js完成）。如果有人有更好的解决方案，请告诉我

请发布一些代码，或者更好的，发布一个演示（JSFIDLE）。你的意思是你要在运行时调整图像的大小吗？请通过JSFIDLE显示代码，以便我们可以更新以使其更好。我更喜欢纯CSS解决方案。不确定是否会发生这种情况，因为图像正在调整大小以适应，但为什么不将图像设置为容器的背景，并相应地调整其大小？因为这是一个有很多不同大小图片的博客。是的。这是可行的，但并不能解决我的问题。现在我找到了我的图片位置，但还有一个容器，应该适合所有图片，而且还是太大了。（这是一个侧滚图库）绿色框必须短一些。我真的很难理解你想要什么。你能在网上给我举个例子吗？是的，但它有点乱：正如你所看到的，名为row的div与容纳它的容器一样大。但所有内容都应该是两幅图像的大小加上右边的空白。
function sizeCont() {
  document.getElementById("containerID").style.width = 
    document.getElementById("imageID").style.width;
  }