Rails / Bootstrap / css /自适应图像尺寸小

Question

我有一个来自引导程序的轮播，该轮播在min-width: 768px以上工作正常min-width: 768px

图像缩放为整页容器的100％宽度。

我想做的是，当页面的宽度低于500px时：固定图像的高度，以使图像仍在宽度上缩放，但不要超过一定高度。 如果他们在此过程中被裁剪，我感到很高兴。 关于仅使用css或.erb标签如何执行此操作的任何想法

非常感谢

Answer 1

您是否使用@media css属性查看过： 链接至说明。

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

Answer 2

在引导程序中有一个叫img-responsive response的聚集类，将它与图像一起使用。 它可以解决您的问题。

你可以在这里找到更多。