html - 画像高さ 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

以下のように現在持っているものmax-widthから削除する必要があります。bootstrap.css

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

以下のように削除しようとしないでくださいmax-width: 100%;：

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

これはうまくいくはずです。