レスポンシブ CSS サンプル 4

ブラウザの幅を広げたり、狭めたりしてみてください。

ブラウザの幅が641ピクセル以上：PC用画像が表示されます。
ブラウザの幅が640ピクセル以下：SP用画像が表示されます。

※PCブラウザで確認しやすくするため、ブレイクポイントを640pxに設定しています。

※Chromeでは、ブラウザ幅を狭めた後は、ページ読み直しを行ってください。

⇒【解説ページ】レスポンシブ対応するためのCSSの書き方