Css 将介质高度固定到容器大小

我目前正在Wordpress内部使用Semplice。我正在尝试创建一个图像库幻灯片，使用垂直和水平方向的照片。我希望它的性能类似于Squarespace处理媒体大小的方式。在wordpress中，容器根据垂直图像调整大小，我希望它根据水平方向的图像调整大小

我的wordpress示例：

平方空间示例：

有没有一个好的方法来设置容器的大小，并使垂直图像缩小，并在侧面保留负片空间

---

谢谢

您只需将其添加到主题的自定义CSS中即可：

.content-block img {
  max-height: 800px;
}

---

并将最大高度设置为所需的像素数。

您可以尝试在

.sgs-slide.original img

选择器中设置

高度！这对调整容器的大小起到了作用，但现在垂直图像正在拉伸以适应需要。@DavidSier您能解释一下它们是如何拉伸的吗？如果您想查看，现在应该可以看到它了。纵横比在比容器大的垂直图像上被拉伸。第二幅图像就是一个例子。对不起，这里是编码新手@john@DavidFiser你在使用缓存插件吗？如果是这样的话，你能清除你的缓存并再次查看吗？我添加了一个宽度：自动编码，现在可以工作了！谢谢你的帮助