こんにちは、 連日の雨に身も心も萎え気味なmackyです。ビアガーデンで横浜の夜景を見ながらビールを飲むことを夢みてあと1か月はのりきろうと思う今日このごろ。 さて今日は、「レスポンシブウェブデザイン」のレイアウトの変化パターンをまとめてみました。 レスポンシブウェブデザインのレイアウトパターンまとめ。 この前、知ったのですが「レスポンシブデザイン」ではなく「レスポンシブウェブデザイン」もしくは「RWD」と略すのが正しいそうです。はい。「RWD」も口に出すと十分長いですけどね^^;私は「RWDで」といわれると、ついついMedia Queriesを思い浮かべてしまうんですが、RWDにもいくつかパターンがあるので今回調査&まとめてみました。(ここでいうパターンとは最終的に1カラムになるまでの変化の仕方をいっています。) Column Drop Column Drop??って思う人もいるとおもう
![RWD のレイアウト変化をまとめてみた。 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/842f2cce0d1e35996f2a705768369a26c2d344ff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_smartphone.png)