レスポンシブデザインの体験
1.幅のテスト
A. 固定 (width: 500px)
ブラウザを狭くすると画面からはみ出します
B. 流動 (width: 100%)
ブラウザに合わせて伸び縮みします
C. ハイブリッド (max-width: 500px)
基本は100%ですが、500px以上には広がりません
2.メディアクエリ
現在のモード:
ブラウザの横幅をゆっくり動かしてみてください。