レスポンシブなウェブデザインに対応したCSSフレームワーク「BluCSS」

BluCSSは、４つの環境で表示を自動的に変化させます。

・デスクトップスクリーン
・ラップトップ（ノートパソコン）
・タブレット
・モバイル

に応じて自動で表示を変えるようにセットアップされています。

メインコンテナは1000pxがデフォルトですが
設定で変えられるようです。

10個のカラムで区切られていて、パーセント区切りでレイアウトされています。



イメージのレスポンシブにも対応しています。

（blu_ではじまるclass名のイメージはすべて自動で幅を調整してくれるそうです。）



demoを使って、ブラウザを実際に伸縮させてみました。


・フルサイズ表示




・ラップトップ表示




・モバイル表示




※ラップトップ〜モバイル表示の間は段階に応じて伸縮するので
　そこがタブレット表示になっているのかなあと予測。




レスポンシブな対応が必要なウェブサイトを作成する際に
参考にしてみてはいかがでしょうか。