2013-10-31 107 views
30

使用引導,在部分業務上的現場工作,項目的圖像響應與:使用自舉響應式圖像約束圖像高度?

'class' => 'img-responsive' 

它的偉大工程的景觀圖像,人像畫面可以放大到適合寬度明智的,但太高,有沒有辦法檢查肖像定向的圖像,只是適用於它的固定高度600px?

+0

max-height:600px; – ediblecode

回答

37

如果容器應該有一個固定的高度,然後給它一個ID(或類)和周圍如改變.IMG響應限制其他方式

.container { 
height: 600px; 
} 


/*And then change */ 
    .container .img-responsive { 
    display: block; 
    height: auto; 
    max-width: 100%; 
} 
/*To */ 

.container .img-responsive { 
    display: block; 
    width: auto; 
    max-height: 100%; 
} 

不知道它將如何一起工作混合的方向,但如果它們浮動它應該真的不重要

+2

這對我有用。我認爲這應該被標記爲答案。榮譽@MrPeeps。 –