備忘録14年07月09日jQuery-画面サイズによってグリッドの列数を変えるレスポンシブデザインで、グリッドレイアウトを使う際、画面サイズによってグリッドの並び列数を変えたい時に使います。画面サイズ横幅940px以上なら5列、それ以下~640pxなら4列等。class="grid">~</div>がいっぱい並んでて、親要素のwidth内できっちり何列かにしたい場合。1列目に.clearというクラスを振り、中身はmargin:0;clear:left;。その他はmargin-left:いくつか;float:left;になっている前提です。0){$(this).removeClass("clear");}else{$(this).addClass("clear");}}});}});</script>画面サイズによってグリッドの列数が変わります。適切なCSSコーディングが事前に必要ですが...。