CSS-イメージを塗りつぶすNOT STRETCH円グラフ？

Question

私はこの中に多くの多くの質問があることを知っていますが、いくつかを見ても、苦労しています。私は画像のスケールをBUT NOT STRETCH（スペクト比を維持）にする必要があります。ここで

はhtmlです：

<div class = "profileimage"><img src = "image.jpeg"/> </div> 

は、次にCSSで私が100％に画像の幅を設定し、サイズのdivを正しくまだ正しい結果を得ていない -

この私は何を得ているのですか（ちょうど画像の全幅）：

Answer 1

あなたを忘れoverflow

overflow:hidden; 

.profileimage{ 
 
position:relative; 
 
    width:200px; 
 
    height:200px; 
 
    border-radius:50%; 
 
    overflow:hidden; 
 
    
 
} 
 
.profileimage img{max-width:100%;}

<div class = "profileimage"><img src = "https://cdn2.iconfinder.com/data/icons/professions/512/user_boy_avatar-512.png"/> </div>