使图像适合容器尺寸保持纵横比

Question

我无法找到一种方法来显示this page上的缩略图，因为它们适合相同尺寸的框（高度：122px和宽度：178px），而不会改变它们各自的宽高比。 我不知道缩略图的原始尺寸。 我可以看到几个嵌套的divs，而.picture1类的那个具有这些尺寸，但图像不适合这个div。 你能救我吗？

由于

Answer 1

这真的是一个问题。检查你的页面之后很简单，如果你添加下面的类，图像适合在容器内

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