URL画像のサイズを同じにする

Question

私のアプリケーションでhtml/css のヘルプが必要です。プロフィールの写真をアップロードするには、ユーザーが画像のURLを渡す必要があります。このURLをデータベースに保存して私のHTMLのURL $ {user.fotoProfile}

しかし、画像が等しい比率で来る場合、 150x150,650x650,960x960となる。セットアップが機能し、歪みなしで自分のフィールドを埋める。

しかし、画像の比率が同じでない場合、画像フィールドが歪んでしまいます。

誰かが私を助けることができますか？

背景画像として

HTML

     <div class="user-img"> 
         <a href='profile'><img src="<c:url value="${user.fotoProfile}" />" alt="user-img" class="img-circle img-thumbnail img-responsive"></a> 
         <div class="user-status offline"><i class="zmdi zmdi-dot-circle"></i></div> 
        </div> 

CSS

.user-box .user-img { position: relative; height: 88px; width: 88px; margin: 0px auto; } 

#wrapper.enlarged .user-box .user-img { height: 48px; width: 48px; } 

Answer 1

入れのイメージとあなたのdivを埋めるためにそれを設定し、あなたは寸法が合わないカットオフを得るその方法：

div { 
 
    background: url('http://lorempixel.com/100/200') no-repeat center center; 
 
    background-size: 100%; 
 
    
 
    width: 200px; 
 
    height: 200px; 
 
    border: 1px solid red; 
 
}

<div></div>