2013-10-31 26 views
30

, projelerin görüntüleri ile cevap veren şunlardır:Görüntü yoğunluğunu önyükleme duyarlı görüntü ile sınırlama? portföy bölümünde, ön yükleme alanı kullanarak bir sitede Çalışma

'class' => 'img-responsive' 

Bu portre görüntüleri genişlik bilge uyacak şekilde havaya uçuruldu manzara görüntüler için harika çalışıyor, ama çok vardır uzun boylu, portre odaklı görüntü kontrol etmek için bir yol var ve sadece bunun için sabit bir yükseklik 600px uygulayın? Kap sabit bir yüksekliğe sahip olursa

+0

max-height: 600px; – ediblecode

cevap

37

ardından bir kimlik bu (veya bir sınıf) vermek ve çevresinde mesela .img duyarlı kısıtlamaların diğer biçimini değiştirmek

o nasıl çalıştığı
.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%; 
} 

emin değil oryantasyonların bir karışımı, ancak eğer bunlar yüzer durumda ise, gerçekten önemli olmamalıdır.

+2

Bu benim için çalıştı. Bunun cevap olarak işaretlenmesi gerektiğini düşünüyorum. Kudos @MrPeeps. –

İlgili konular