親divによって画像が歪んでいる

Question

div内に画像があり、html/cssに新しい画像で、画像はdiv内の高さ*幅（100％* 50％）の比率に従って表示されます。私はその高さを調整することでイメージを正すことができることを理解していますが、それは少し強いようです。私はディスプレイフレックスタグを使用しています。そうかもしれない？

html,body { height: 100%; margin: 0px; padding: 0px; } 

#parent_div { 
display: flex; 
flex-direction: right; 
height: 100%; 
} 

#child_div { 
    display: flex; 
    background-color: #F0A537; 
    width: 50%; 
    height: 100%; 
} 

#child_div2 { 
    display: flex; 
    background-color: #468966; 
    width: 50%; 
    height: 100%; 
} 

img { 
    height: 20%; 
    width: 20%; 
} 

Answer 1

画像をheight:20%に設定しました。 20％の高さをautoに変更する必要があります。その場合、画像は独自の割合を維持します。幅をピクセルまたはパーセンテージに設定してdivに収まるようにします。