こちらのサイトを参照しました。
https://allabout.co.jp/gm/gc/400630/
元のコードはこちらで
html
1<body> 2 <header> 3 <img src="img/header.png">
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
サイトを参照し
html
1 <header> 2 <link rel="stylesheet" href="style.css"> 3 <p class="resize_image"> 4 <img src="img/header.png"> 5 </p>
こういったコードをに書き換え
同じフォルダ内に拡張子cssでファイルを作り
そのcssファイルに
css
1.resizeimage img { width: 100%; }
を書き込み
htmlとcssのファイルを両方保存し
サイトを更新しても
画像はリサイズされないままでした。
思い当たる原因などあれば
教えていただけると幸いです。
よろしくお願いします。
シンプルなサイトなので
画像のリサイズによって
レイアウトが崩れるといったことはありません。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。