Rails/Bootstrap/css/Responsive image sizing small

Question

我有一个来自 bootstrap 的轮播，在 min-width: 768px 上方运行良好

图像缩放到整页容器的 100% 宽度。

我想做的是，如下页面所示，宽度为 500 像素：固定图像的高度，以便它们仍然按比例缩放，但不要超过一定的高度。如果他们在这个过程中被裁剪，我很高兴。关于我如何仅使用 css 或 .erb 标签来做到这一点的任何想法

非常感谢

Answer 1

您是否看过使用@media css 属性：Link to instructions.

然后您可以在 @media 属性中指定 500px 的最大宽度，并将图像的最大高度属性设置为您想要的值。您需要将其包含在您自己的样式表中，以便它覆盖引导 css。

Answer 2

在引导程序中有调用 img-responsive 的 amasing 类，将它与您的图像一起使用。它可能会解决您的问题。

更多您可以找到here。