イメージはdiv htmlとcssの後に 'img'を入れてのみ編集できます

Question

私はこれを行うことができませんでしたが、ウェブサイトを構築していて、CSSファイルのdivイメージのサイズを変更しようとしました。この問題は、CSSファイルのdiv名の後ろにimgを置くことで解決しました。以前のウェブサイトを構築するときに、これを行う必要はありませんでした。修正があるのですか、何か間違っていますか？どんな助けでも大歓迎です。以下に例を示します。感謝:)

画像ががは私が私のイメージのサイズを変更せず

HTML

<div class="example_image"> 
    <img src="example.jpg"> 
</div> 

CSS

.example_image{ 
    width: 333px; 
    height: 333px; 
} 

* CSSというサイズを変更しません*

01この

.example_image{ 
    width: 333px; 
    height: 333px; 
} 

を行うことにより

Answer 1

.example_image img{ 
    width: 333px; 
    height: 333px; 
} 

は、あなただけの画像が存在するdiv要素のサイズを変更しています。サイズ変更されたdivでは画像が小さくなります。

.example_image img{ 
    width: 333px; 
    height: 333px; 
} 

そして、これは明示的に画像のサイズを変更しません。それ以降はdivが小さくならないので、サイズも変更されています。

以前のウェブサイトを構築する際に、これを行う必要はありませんでしたか、修正があるのか​​、間違っていますか？

あなたはまだこのように、IMGのために継承する幅と高さを設定しなかった場合のみ、真であることができます：

.example_image{ 
 
    width: 333px; 
 
    height: 333px; 
 
} 
 
.example_image>img{ 
 
    width:inherit; 
 
    height:inherit; 
 
}

<div class="example_image"> 
 
    <img src="example.jpg"> 
 
</div>

Answer 2

1. UはDIVの背景画像用のCSSを使用することができます：url（ '[path u pic]'）;背景サイズ：カバー;
2. UはimgにCSSを使用できます。object-fit：cover;これは仕事ではなく、11歳以上です。