コーディング/jQueryのアイデア /

jQueryで比率計算をする方法

レスポンシブサイトをコーディングする際、「画像を背景に当てたdivの高さをどう指定すればいいかわからない…」「youtubeの埋め込み動画を横幅100%にしたいけど、縦が小さくなってしまう…」と困ったときに便利な、jQueryで比率計算する方法をご紹介します。 方法は簡単!比率の計算式に、取得した値を当てはめていくだけです。 デモはこちら。 必要なコードは以下です。(jQueryの読み込み必須)
javascript
今回は横幅に合わせて、という想定でご紹介しましたが、高さと幅を反対にすれば高さに合わせた比率計算も可能です。 使える場面はいろいろとあると思いますので、ぜひご活用ください!

この記事を書いた人

永渕

PAGE TOP