引導4如何

Question

列

改變圖像高度沒有寬度我有類似下面

<div class="col-sm-8" id="slider"> 
<img src="{{asset('images/pustynia.jpg')}}" id="slider_obrazek" class="img-fluid" /> 
</div> 

圖像的原大小是非常大的代碼，所以我想只改變其高度沒有寬度。我試圖改變CSS img高度，但它不工作。只有寬度工作。當我改變寬度時，高度也會調整。我使用百分比作爲值。這不是一個好的解決方案，因爲圖像必須與父容器具有相同的寬度。我應該如何解決這個問題？提前感謝您的幫助。

Answer 1

你應該兩個div和img元素設置不同的CSS性能

嘗試是這樣的：

#slider { 
width: 800px; /* your desired WIDTH goes here */ 
height: 600px; /* your desired HEIGHT goes here */ 
} 

#slider_obrazek { 
width: 100%; 
height: 100%; /* or auto */ 
} 

你可能會得到一些結果與此有關。
告訴我它是否適合你！

Answer 2

試試這個。

slider_o_brazek {

width：100％; 高度：50例如 }

滑塊{％

Height: 100% 

}