サイトの画像をレスポンシブにするためにcssを書きました。
■やりたいこと
gazou.jpgの横幅をPCとスマホでレスボンシブにする。
html
1<div class="responsive"> 2<img src="gazou.jpg"> 3</div>
css
1.responsive { 2width:100%; 3}
結果、cssは反映されませんでした。
そこで、cssの最初の行にimgを追加したところ、反映されました。
css
1.responsive img { 2width:100%; 3}
画像にcssを反映させる場合、クラス名の横にimgがかならず必要なんですか?
文章の装飾だといらなかった気がするんですが、画像だと絶対にいるんですか?
画像の他にも指定が必要な場合はありますか?
基本的なことかもしれませんが、ご教授ください。
わかりやすいサイトなどを貼って頂くのでも構いません。
よろしくお願いします。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。