レスポンシブデザインの体験

1.幅のテスト

A. 固定 (width: 500px)

ブラウザを狭くすると画面からはみ出します

B. 流動 (width: 100%)

ブラウザに合わせて伸び縮みします

C. ハイブリッド (max-width: 500px)

基本は100%ですが、500px以上には広がりません

2.メディアクエリ

現在のモード:

ブラウザの横幅をゆっくり動かしてみてください。