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

Question

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

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

Answer 1

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

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

Answer 2

が

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

Answer 3

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

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

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

Answer 4

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

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

img { 
    max-width: 100%; 
} 

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