顯示圖像的寬度爲100％或與瀏覽器的寬度一樣大

Question

如何顯示圖像以使其寬度爲原始圖像寬度或瀏覽器寬度的100％（以較小者爲準）（我想盡可能多地顯示圖像儘可能沒有水平滾動）。

這是可能的CSS，還是我需要玩弄javascript？

Answer 1

試試這個：jsFiddle.net Demo

HTML：

<img src="http://gypsypixiepirate.com/wp-content/uploads/2013/03/Rumpus-party.jpg" class="className" /> 

CSS：

.className { 
    max-width: 100%; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    top: 0; 
    margin: auto; 
    overflow: auto; 
    position: fixed; 
}