画像のCSS幅プロパティ

Question

画面サイズと高さが500pxのウェブページに1200x300解像度の画像が必要です。私のコードは動作していないようです。これは私のCSSです：

\t div.fix 
 
\t { /*min-width:100%;*/ 
 
     /*width:100%;*/ 
 
     width:2000px; 
 
\t \t height:500px; 
 
\t \t position:fixed; 
 
\t \t display:block; 
 
\t \t top: 0px; 
 
\t \t 
 
    
 
\t }

<div class = "fix" ><img src="ARIA.png"> 
 
</div> <!-- I have tried inline styling as well. But it doesnt work -->

私はこれが理由かもしれないとは思わないが、私の画像サイズが指定したサイズより小さいので、それはありますか？

感謝:)

Answer 1

使用する背景のサイズのカバープロパティ

div.fix {

width:2000px; 
    height:500px; 
    position:fixed; 
    display:block; 
    top: 0px; 
    background-size:cover !important; 

} 

Answer 2

これを試してみてください：

.fix img{ 
 
    width:100%; 
 
    height:500px; 
 
}

<div class = "fix" > 
 
    <img src="http://placehold.it/1200x300"> 
 
</div>

Answer 3

\t .fix img 
 
\t { 
 
     width:2000px; 
 
\t \t height:500px; 
 
\t \t position:fixed; 
 
\t \t display:block; 
 
\t \t top: 0px; 
 
\t }

<div class = "fix" ><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150"> 
 
</div> <!-- I have tried inline styling as well. But it doesnt work -->