【短編コラム】画像のレスポンシブ対応はpxか%か???

写真はレスポンシブデザインについて質問する生徒さんです!

どうやらHTMLとCSSの課題「はじめてのWEBサイト」でつくるWEBサイトをレスポンシブ対応にするべくコーディングしている真っ最中のようです。

画像をレスポンシブ対応させるとき、どのようなプロパティを設定したらいいですか?

画像をレスポンシブ対応させるときは、サイズをpxではなく「%」で指定してあげるようにしましょう。
pxではいくつかのパターンにしか対応できないけど、%ならどんなスマホやタブレット、PCでも柔軟に表示サイズを変えることができるので無駄なくデザインできますよ!

皆さんも画像をレスポンシブ対応させるときは気をつけてみてください!

授業日記についてのご意見

CodeShipの授業について「こんな事が知りたい!!紹介して!!」というご意見・ご提案がありましたら、CodeShip公式Twitterアカウント(【CodeShip】プログラミングスクール)までDMまたはリプライにてお寄せください。