先日JSTORがレスポンシブウェブデザインによるモバイル対応した件[*1]についてのメモです. 表示パターン PCのブラウザでJSTORにアクセスしてブラウザの横幅を変えていくとこんな感じで表示が変わります.目視で気づいたかぎりでは以下の4パターンありました.手元のiPhone 4Sで確認すると縦表示・横表示ともにパターン1になります. パターン1(320px〜) 2枚目は矢印ボタンをクリックしてサイドメニューを表示させたもの.サイドメニューをメインカラムの下に持ってくるんじゃなく開閉ボタンを作るという方法はうまいなーと感心したんですがどうでしょう.隣のひとは「スマホで見てたらボタンに気づかないかも」と言っていてそれもそうかもと思ったり. パターン2(490px〜) 下部が2列になりました.ヘッダメニューも地味に変わってます(細かいなぁ). パターン3(640px〜) サイドメニューが現れ
![JSTORのレスポンシブウェブデザイン対応について - ささくれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/26f13e278c906e70069e5f3b21ee0346e8db7a83/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkitone%2F20120916%2F20120916180044.png)