jQuery動的比例要素/イメージのサイズ変更

イメージのサイズが含まれている要素に比例してイメージのサイズを変更しようとしていますが、唯一の問題は、各イメージコンテナの高さをウィンドウのサイズ変更に比例してサイズ変更するのに苦労していることです。各画像コンテナの幅は、主コンテナエレメントの幅の25％に設定されています。jQuery動的比例要素/イメージのサイズ変更

私が今必要とするのは、ウィンドウのサイズが変更されたときに各画像コンテナが比例してサイズ変更され、それぞれのコンテナ内の各画像がそれと共に伸びるがアスペクト比を維持することです。

これは私が今までに持っているものです、http://jsfiddle.net/pPWVd/です。

出典

2012-02-07 Odyss3us

質問、多分これは役立ちます。.. [http://stackoverflow.com/questions/643500/html-ie-stretch-image-to-fit-preserve-aspect-ratio] [ 1] [1]：http://stackoverflow.com/questions/643500/html-ie-stretch-image-to-fit-preserve-aspect-ratio – Fredy

私はフィディッド（http://jsfiddle.net/pPWVd/5/）にあなたが何を記述したかを反映するように変更しました。縦横比を維持するための鍵は、1つの次元（幅または高さ）のみを設定することです。また、の表示をwidthとなって浮動しているので、blockに設定しました。

状況に応じて、実際にはdivラッパーを追加する必要はありません。http://jsfiddle.net/pPWVd/7/を参照してください。 itemに他のものを入れているのであれば、そのまま持ち続けることをお勧めします。これらのこれまで尋ねたような

出典

2012-02-07 17:44:19 ScottS

jQuery動的比例要素/イメージのサイズ変更

答えて

関連する問題