Bootstrap轮播图像大小问题

Question

我想做一个图片库。我使用此http://www.bootply.com/79859但我遇到了问题，因为我不知道图像的大小。第一张图像可以是1800 x 400，第二张500x500等......

如何设置最大尺寸并保持图像尺寸100％？

Answer 1

您是否尝试过使用滑块div的background-size css属性？ 我会尝试使用background-size:cover使较小的图像适合较大的div，对于较大的图像可能background-size:contain。我认为属性包含是您正在寻找的 - here's a w3schools example.

您还可以设置图像的高度/宽度，如background-size:10px 20px;（高度宽度）。要记住图像的一个方面是高度x宽度的纵横比。我假设您在100％时的图像尺寸意味着保持这个比例相同，因此图像没有偏斜。