我有一个来自bootstrap的旋转木马，它在min-width: 768px
图像缩放到整页容器的100％宽度。
我想做的是，当页面在下面说宽度为500px时：修复图像的高度，使它们仍然在宽度上缩放，但不要超过一定的高度。如果他们在这个过程中被裁剪，我会很高兴。关于如何仅使用css或.erb标记进行此操作的任何想法
非常感谢
答案 0 :(得分：1)
您是否看过使用@media css属性：Link to instructions.
然后，您可以在@media属性中指定最大宽度为500px，并将image的max-height属性设置为您想要的值。您需要在自己的样式表中包含它，以便它覆盖bootstrap css。
答案 1 :(得分：0)
在引导程序中有一个调用img-responsive的amasing类，将它与你的图像一起使用。它可以解决您的问题。
您可以找到更多here。