4个具有文本叠加响应的相同图像

Question

我正在使用boostrap4。 我需要4个带有或图像的框作为col的背景。图片必须始终为100％高度和100％宽度。图片大小= div大小 所有图片均为1080宽/ 488高度

有可能吗？

Answer 1

您可以做的一件事就是将图像设置为背景图像，然后简单地设置background-size: cover或background-size: contain。如果您想看中它并让盒子保持图像的纵横比，则可以尝试使用更高级的CSS技巧，例如the aspect ratio box。