html - 将容器大小调整为图像

Question

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

0

你为什么不直接使用<img src.....和设置width: 100%. 试试看，看看效果如何。

于 2012-08-02T20:33:44.867 回答

score 0 · Accepted Answer

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

3 回答 3