css - 将媒体高度固定为容器大小

Question

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

我的 wordpress 示例：https ://davidmatthewfiser.com/wedding/keely-aaron-test

squarespace 示例：https ://justinemontigny.com/lake-willoughby-vermont-wedding

有没有一种设置容器大小的好方法，让垂直图像缩小，两侧有负空间？

谢谢！

标签： csswordpresssquarespace

Answer 1

您可以简单地将其添加到主题的自定义 CSS 中：

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

并将最大高度设置为您想要的任何像素。