画像が正しく表示されない

ユーザーが自分のプロフィール画像をアップロードすると、画像のサイズが小さいときに面白くなります。以下の例画像が正しく表示されない

である私は、画像ファイルが大きな寸法ではない場合、私のイメージが適切に出てくるようにする方法がある何をすべきかを知りません。

関連するコードを投稿できますか？ –

画像のコンテナは、幅と高さではないイメージを持っていることを確認すると、画像上で、次の

object-fit:cover; 
object-position:center; 
width:100%; 
height:100%;

2017-02-28 10:13:22

が

img{ 
    display: block; 
    width:100%; 
    height:auto; 
}

2017-02-28 10:23:45 Momin

<div class="hair_care"> 
       <img src="/Content/BusinessProfileImages/bbef41d2.jpg"> 
     </div>

......これを試してみてください使用

これはCSSの下の私のコードです。小さなイメージのためのその仕事は、大きな次元を持つ大きなファイルが良くなる。小さなファイルのイメージは面白く見えます。

2017-02-28 10:24:11

元の寸法を保持するために、CSSでIMG max-widthを100％に設定してみてください。 –

CSSルールを使用して画像タグに適用されたIMGタグまたはハードコードされたピクセル/パーセント幅に幅属性があるかどうかを確認してください。

IMGタグの幅属性の場合、その幅タグを削除してCSSで幅を制御させ、親指ルールである「最大幅：100％」と「幅：自動」を設定してください応答性の高いデザインです。

img { 
    max-width: 100%; 
}

第2に、画像が背景画像として表示されている場合は、「背景サイズ」のプロパティをチェックします。

2017-02-28 10:33:41

答えて