on:2013年9月18日sponsors外部スクリプトを加えるだけで、ページ上のあらゆる要素にレスポンシブ対応のclassを利用できるようにするjQueryのプラグインを紹介します。ブレイクポイントはピクセル単位で細かく、そして複数設定することが可能で、さまざまな表示幅に最適化なスタイルを特定の要素に適用できます。Elementsのデモデモは引用のテキスト、画像、人名などがセットなったコンテンツを表示幅に合わせて、最適化します。幅を広げると、ゆったりしたレイアウトに変更。幅が少し狭くなると、画像が小さくなり、レイアウトも変わります。狭い幅では、テキストのみに。外部ファイルhead内にjquery.jsと当スクリプトを外部ファイルとして記述します。HTMLレスポンシブ対応にする要素に「data-respond」を加えます。JavaScriptスクリプトは特に記述する必要はありません。CSSレスポンシブ用のスタイルを定義します。ltは未満、gtは以上で、「.lt500」は500px未満、「.gt150.lt300」は150px以上300px未満のスタイルになります。red}classは下記のように細かく設定して利用することもできます。lt900オプションdata-respondのオプションとして、ブレイクポイントの範囲と間隔を設定できます。Posts関連記事が見つかりませんでした。