SO: この設計上の問題に取り組むのに何時間も費やしましたが、正確な答えが見つからないようです。指定された高さに合わせて div をスケーリングしようとしていますが、アスペクト比を制限しています。例を参照してください: http://jsfiddle.net/ks2jH/121/
私の調査によると、議論はここを含め、あちこちで行われているようです。問題は、div はブラウザの高さではなく幅に基づいてサイズ変更および制限することです。
私が見つけた2つの最も近い解決策は、幅に対して機能することを発見しました:(1) :after 擬似クラスhttp://jsfiddle.net/ks2jH/89/を使用するか、(2) 空白/透明な png を使用します [ http://jsfiddle. net/ks2jH/94/] .
もちろん、高さに基づいて自動調整されるため、幅を指定せずに同じことを達成するという考え方です。
考え？