mediaqueries Tag - 魔ッドアングラー

スマホに対応するため「Media Queries」と「viewport」を使用する

「WPtouch」から卒業し、サイトをレスポンシブ対応をしてみたので記録に残しておきます。
メディアクエリを使用し、PCのデザインを元に変更を加えていきました。
初挑戦する方の人柱となれれば幸いです。

スタイルシートはメディアクエリ用のものを新しく1枚作り、その中で3つのブレークポイントを作成しました。