使用引导响应映像限制映像高度?

在使用bootstrap的站点上工作时,在portfolio部分,项目的图像响应如下:

'class'=>'img响应'

它适用于横向图像,纵向图像被放大以适应宽度方向,但是太高了,有没有办法检查纵向图像并仅为其应用600px的固定高度

如果容器应该有一个固定的高度,那么给它一个ID(或一个类),并改变.img响应限制

.container{
高度:600px;
}
/*然后改变*/
.container.img响应{
显示:块;
高度:自动;
最大宽度:100%;
}  
/*到*/
.container.img响应{
显示:块;
宽度:自动;
最大高度:100%;
}

不确定它将如何与一个方向的组合工作,但如果他们是浮动的,它不应该真正的问题

发表评论