Question

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

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

Answer 1

您可以为图片添加“onLoad”操作，例如onload="sizeCont();

function sizeCont() {
  document.getElementById("containerID").style.width = 
    document.getElementById("imageID").style.width;
  }

Answer 2

为什么不使用<img src.....并设置width: 100%。试一试，看看它是怎么回事。

Answer 3

我找到了解决方案。现在容器的行为方式与我想要的一样。根据给定的高度动态调整图片大小。容器根据所有图片的宽度调整大小。剩下的唯一事情是，如果用户正在更改窗口大小，则必须重新加载站点（可以使用js完成）。如果有人有更好的解决方案，请告诉我。