水平滾動100％圖像高度

Question

我目前正在構建一個水平滾動投資組合。我想圖像是100％高和寬：自動。一切都很完美（純CSS），但如果瀏覽器窗口比圖像寬度小，它會被壓縮。

這裏是鏈接：http://www.bastards-design.de/wordpress/category/allgemein/portfolio/grafik/#alina

Answer 1

如果瀏覽器窗口變得比所述圖像的寬度小，它就會被壓縮。

我通過您的代碼看了一下，發現在它下面的CSS，這會導致圖像壓縮。如果您刪除它，圖像將不會壓縮。

img{ 
    max-width:100%; 
} 

好像這個規則是從bootstrap.ccs您使用的繼承。您應該刪除此規則或覆蓋它。

Answer 2

你需要從bootstrap.css 刪除max-width你有如下目前：

img { 
    border: 0 none; 
    max-width: 100%; 
    vertical-align: middle; 
} 

不嘗試如下刪除max-width: 100%;：

img { 
    border: 0 none; 
    vertical-align: middle; 
} 

這應該工作。