javascript - 画像のサイズを親の高さに変更し、ウィンドウのサイズを変更します

Question

コードのサポートが必要です

これは私の例です-http://jsfiddle.net/urK7t/

フルサイズのページ-http://dev.fama.net.pl/tides/

コンセプト：

幅100％、高さ100％にしたい、オーバーフロー：幅の広い画像を含む非表示のDIVを左右に移動できます。この画像は、ウィンドウのサイズ変更時にサイズ変更する必要があります。私の例で見られるように、画像の高さを伸ばすだけです。画像全体のサイズを変更したいのですが、画像全体を表示したくないので、左右に移動する必要があります

Answer 1

この画像を背景として含めるかカバーするか、100％100％にするかなど、拡大縮小するか全画面表示にするかなどが異なります。

Answer 2

画像に必要なスタイルは次のとおりです。

#bg-image {
    width: 100%;
    height: auto;
}

将来、本当に必要なCSSプロパティは次のとおりです。http object-fit： //www.netmagazine.com/tutorials/control-image-aspect-ratios-css3