質問: ### 発生している問題・エラーメッセージ JavaScript初心者です。 カラーボックスでコンテンツを縦横比固定で表示させたいのですが、レシポンシブ対応にする際、ウィンドウサイズに対して横90%だとすると縦を算出して縦横比を守ったまま表示してほしいのですが、どうしたらよいか分かりません。 希望の縦横比は16:9です。 お力貸してください! ### 該当のソースコード ``` ```
回答: これでどうでしょう。 ``` $( '.クラス名' ).colorbox( { iframe: true , width: '90%' // == ( window.innerWidth * 0.9 ) , height: ( window.innerWidth * 0.9 / 16 * 9 | 0 ) } ); ``` 小数点以下は最近のブラウザなら問題ない気もしますが、念のため切り捨てときました。