使图像适应容器大小保持纵横比

Question

我找不到在不更改其各自纵横比的情况下将this page 上的缩略图显示为适合相同尺寸（高度：122 像素和宽度：178 像素）的框的方法。 我不知道缩略图的原始尺寸。 如您所见，我有几个嵌套的divs，而.picture1 类的那个具有这些尺寸，但图像不适合这个div。 你能帮帮我吗？

谢谢

Answer 1

这真的是个问题吗。检查您的页面后非常简单，如果您添加以下类，则图像适合容器内

    .work-view img {
      max-height: 100px;
      padding: 5px 5px 2px;
      max-width: 150px;}