我怎樣才能讓垂直響應根據顯示

我想要一個垂直響應就像<img src="img.jpg" style="max-width:100%; height:auto;">，以便在任何情況下，圖像不會失去其形狀，並根據調整大小的瀏覽器的高度變化..同樣如果我使用width 100%和最初的max-height 600px滑塊div。所以我希望它能夠像寬度一樣降低高度。如果我使用vh方法，那麼它在移動視圖中不會給出好結果。下面的鏈接是工作滑塊的一個很好的例子。我怎樣才能讓垂直響應根據顯示

example slider.

來源

2017-03-06 M. Ibrar

你打算有格根據其內容或背景圖像保持寬高比？ – Martin

我想,,, .........你是對的.. –

可能的重複http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a -div-with-css – PhilS

使用CSS來代替<img />

.image{ 
    background-image : url(<image_url>); 
    background-size  : cover; 
    background-position : center; 
    background-repeat : no-repeat; 
}

來源

2017-03-06 07:58:34 levi

沒有幫助..再次查看問題。 –

檢查您提供的「工作滑塊」中的元素，顯示出我寫下的確切解決方案... – levi

我怎樣才能讓垂直響應根據顯示

回答

相關問題