どのように私のグリッターを反応させることができますか

ブラウザのサイズを変更すると、ほとんどのタイルがオフスクリーンになり、水平スクロールバーもなくなります。どのように私のグリッターを反応させることができますか

ありがとう、 Balaji。

出典

2015-10-04 balaji

応答性の高いgridster.jsを作成した可能性があります。私はまだそれをチェックアウトしていないが、それは有望である可能性があります... http://troolee.github.io/gridstack.js/

出典

2016-02-21 20:25:54 Gwi7d31

投稿のみのリンクは回答ではありません。 –

こんにちはGwi7d31、あなたの答えのおかげで、私は確認してお知らせします:) – balaji

@DisplayNameこれは答えです、それは単一の列のレイアウトに崩壊することができますグリッターの素晴らしい応答ポートを提供します。 +1は私から、私は多くの時間を節約！ –

レスポンスグリッドの幅はthe dsmorse fork of Gridsterで利用できます。これは、メインレポが1年以上休眠しているため、メインレポを推奨します。

dsmorseフォークのresponsive grid width demoです。

出典

2015-10-19 20:16:21 emackey

こんにちはEmackeyあなたの返信ありがとう、私はこれを知ってみてください:) – balaji

+1このアプローチのために：水平のスクリーンバーを持つことになっていないので、ウィンドウのサイズが変更されている場合、gridsterはそれを検出し、タイルを調整する必要があります。たとえば、max_colsは5になります。）.on（ 'resize'、onresizefunction）、そこではmax-colsを3に減らしたいのですが、あとでmax-colsを3にした後でgird全体をリフレッシュする方法がわからないのです – balaji

残念ながら私はこれには良い解決策があります。上の応答デモは、固定数の列を維持し、列の幅を変更して画面を埋めることによって機能します。私はGridsterの変更を見たことがありませんが、それは列の数を変更することによって反応します。それは実行可能でなければならないようですが、私はそれを行う既存のコードについてはわかりません。 – emackey

どのように私のグリッターを反応させることができますか

答えて

関連する問題