JavaScript・jQuery同じ種類の要素(ボックス)が、その中身が異なっているため高さが揃わずにレイアウトが崩れてしまうことがあります。そんな時に、レスポンシブに対応した、要素の高さを揃えてくれるjQueryのプラグインjquery.heightLine.jsの使い方です。上の2つを組み合わせて更に細かい設定jsファイルの設定1.ダウンロードこちらからダウンロードして下さい。jquery.heightLine.js右クリックで「リンク先を別名で保存」でhtmlファイル階層のjsフォルダに保存してください。src="../jquery.heightLine.js"></script>準備はこれでOKです。最後にjsファイルに記載します。{$('div').heightLine();});$(window).load(function()を記述するのは、画像の呼び込み前に実行してしまうと画像の呼びこみ前の高さに要素が揃ってしまうからです。$(window).load(function()で囲むことをオススメします。{$('div').heightLine({maxWidth:767});});と記述します。上記の場合はウインドウ幅767px以内の時に要素の高さを揃えます。{$('div').heightLine({minWidth:768});});この場合だと、ウインドウ幅768px以上の時に高さを揃えます。{$('div').heightLine({maxWidth:767,minWidth:481});});これだと481px〜767pxの場合に高さを揃えます。関連記事WordPressでjQueryが動かない時の対処法。viewsブログホームセンター700円以下で焚き火台用の五徳!百均ダイソーでアウトドア用の火吹き棒!5分で完成!!埼玉の月川荘で初のソロキャンプ!冬のキャンプで不安だったが。気まぐれWEBLOGWordPressHTMLCSSjQueryBLOGCONTACT。