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

Question

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

谢谢

Answer 1

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

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