write dissertations thesis dedication quotes disertion thesis writing how to write a good methodology
HOME > Responsive Img

Responsive Img一覧

2014.03.22

レスポンシブWebデザインでブラウザサイズによって画像を差し替える「Responsive Img」

Responsive Img

レスポンシブWebデザインでちょっと困ってしまう事。それは画像です。正方形に近かったり、4:3になってる画像はスマフォ対応にしてもさほど見づらくないと思います。ですが、タイトルなど横長の画像はスマフォで見た時にとっても小さくなってしまいます。例えば横900pxのタイトルが320pxに縮まった時は、もう読めたもんじゃありません。ブラウザサイズが変更になったら画像を差し替えた方が、スマフォでも綺麗なサイトが表現できます。ブラウザサイズによって画像を差し替える事ができる「Responsive Img」を使ってみましょう。