レスポンシブWebに対応

CSS3のメディアクエリ（Media Queries）を使ったレスポンシブWebデザインに対応。より高い最適化のために完全にMedia Queriesに依存しているわけではなく、ユーザエージェントでの分岐処理してますけどね。

WebsiteToolKit.jsダウンロードページへ

スマートフォンやタブレットデバイスにフォーカスするために、メディアクエリによる分岐だけではなく、ユーザエージェントによる判定をJavascriptで行っております。

そのため厳密にはレスポンシブWebデザインとはちょっと異なりますが、大雑把には同じです。なんでユーザエージェントによる振り分けをしているかと言うと、メディアクエリによる制御のみでは一部の古いAndroid端末などで正常に表示されないためです。

また、スマートフォンでの表示時に帯域軽減のための処理をおこなったりするのはCSSのみではできないため、高速表示化のためにユーザエージェントによる分岐を盛り込んでおります。

コメント欄