問題タブ [equal-heights]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
layout - ヘッダー、フッター、サイドバー、およびコンテンツが 4 つの等しいボックスに分割されたフルハイトのレイアウト
私は下の画像に見られるレイアウトをやろうとしています:
全画面表示で、ヘッダーとフッターの高さは固定(60px)、緑色のサイドバーの幅は 200px です。サイドバーと右側のセクションの両方が、y 軸上の使用可能なスペース全体を占有します。
ワイド画面の場合、右側を 2 つずつ表示する 4 つの等しいボックスに分割します。
中型および小型の画面 (< 768px) の場合、下の画像のように、4 つの等しいボックスを 1 つずつ 4 で表示したいと考えています。
私が持っているHTML：
私が持っているCSS：
可能であれば、 display:tableと display:table-cellを使用せずに、これらの赤いボックスのスタイルを設定して 2 つのレイアウトを実現するにはどうすればよいですか?
ありがとうございました！
javascript - サイズ変更時に高さを再計算する
わかりやすくするために、CODEPEN を参照してください: http://codepen.io/geochanto/pen/LGNWML
したがって、リンクの高さを計算し、それらをすべて最も高いものの高さにし、それぞれの親内で垂直方向に中央揃えにするために、上部に負のマージンを追加するこのコードがあります。すべてが私が望むように機能しますが、この高さを再計算して、さまざまな方法でウィンドウのサイズ変更に適用しよう<li>としましたが、何も機能しませんでした。<a>
私はこれらを試しましたが、おそらく私の構文が間違っていました.idk：
javascript - Gallery Grid Slider Responsive with equal height box
同じ高さのボックスで応答するギャラリー グリッド スライダーを作成したいと考えています。
例 幅 650px 以上 3 列 2 行。
幅 550px、2 列 3 行以下。
幅 450 ピクセル、1 列 1 行以下。
今のところ、この jQuery プラグインhttps://github.com/liabru/jquery-match-heightを使用しています。
これを他のプラグイン スライダーで使用できますか、それとも別の代替手段がありますか?
javascript - 2辺を動的に等しくする方法は? 1 つの大きな div といくつかの小さな div
ニュース セクションがあり、その左側に 1 つの大きな div (メイン記事) があり、右側にいくつかの (4) 小さな div (サブ記事) があります。それらを動的に等しくする必要があります（両側が視覚的に等しくなければなりません）
だから私はjqueryで作成しようとしましたが、部分的にこれを行いましたが、いくつかの本当に大きなバグがありました. 左側が小さすぎると、右側の記事が小さすぎてテキストがコンテナからはみ出します
HTMLは次のとおりです。
私のJquery試行
結果は問題ありませんが、反応が悪く、左側が小さすぎる場合はバグです。ここで助けを求めてください:(
javascript - EqualHeight が Ajax で機能しない Load More
私は現在、ページネーションの代わりにより多くの投稿をロードするための Ajax ページネーションと無限スクロール プラグインを備えたスポーツ Web サイトを開発しています。equalheights を使用して、タイトルの Div コンテナーを行で同じにします。equalheight 関数は、最初の一連の投稿にのみ適用されますが、読み込まれた投稿では機能しませんでした。以下は私のコードスニペットです：
等高さの JQuery
そしてループ
私はあなたの援助を楽しみにしています