スマホに対応するため「Media Queries」と「viewport」を使用する
「WPtouch」から卒業し、サイトをレスポンシブ対応をしてみたので記録に残しておきます。
メディアクエリを使用し、PCのデザインを元に変更を加えていきました。
初挑戦する方の人柱となれれば幸いです。
スタイルシートはメディアクエリ用のものを新しく1枚作り、その中で3つのブレークポイントを作成しました。
続きを読む- 2015年10月
- HTML・PHP・CSS
- mediaqueries, viewport, スマホ対応
