画像の高さを幅に合わせて拡大縮小しようとしています。問題は、幅がユーザーのウィンドウサイズに比例し（すべてが％サイズで継承されます）、高さがコンテンツに依存するため、継承する高さがないことです。高さを設定することはできますが、それではサイト全体を任意のウィンドウサイズに合わせて拡大縮小するという目的が果たせなくなります。
画像とスライドショー要素の高さを、スライドショー要素や画像の幅の75％に拡大縮小したいのですが。
**
これがフィドルのリンクです：http：//jsfiddle.net/eleventhend/t8Udg/
**
これは私が見つけることができた最も関連性のある応答のようでしたが、私はそれを私のもので動作させることができません。私はJavaを本当に知らないので、問題は私の実装にあるのかもしれません。
幅に一致するCSSスケールの高さ-おそらくフォームファクターを使用
編集：解決しました！
私は回避策を見つけました。ここにあります：
#preset {
margin: 50px auto;
height: 0px;
padding-bottom: 60%; /* proportional scaling */
position:relative;
width: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
#slideshow {
margin: 50px auto;
position: relative;
width: 100%;
height: 100%;
padding-bottom: 0px;
}
次に、divプリセットを開き、続いてdivスライドショーを開きます。チャームのように働いた！