レスポンシブの画像問題を解決する簡単な方法 | それからデザイン スタッフブログレスポンシブの一つの落とし穴として、「画像の問題」があります。 今回はその「画像の問題」とその解決方法をご紹介致します。 画像の問題とは？ 「画像の問題」といきなり言い出した分けですが、さて画像の問題というと、ここは実際の画面をみると分かりやすいと思います。 demo:https://sole-color-blog.com/demos/responsive/ ※スマートフォンでご覧頂くか、モダンブラウザの場合は画面を小さくしてご覧ください。 デモを見ると画面から画像が飛び抜けてしまっているのがお分かり頂けると思います。 なぜこれが起こるというと、簡潔に説明すると「画像自体のサイズ（縦/横）が優先しそのサイズで表示する」為に起こるのですが、さすがにこれは誰がみてもありえません。 解決する方法として、大きさに合わせた画像を作るという方法などがありますが、その場合スマホの数だけ画像を作る必要がで
