이미지가 제대로 표시되지 않습니다.

내 사이트에서 사용자가 프로필 사진을 업로드하면 이미지의 크기가 작을 때 재미있어집니다. 아래는 내가 이미지 파일이 큰 치수로하지 않을 때 내 이미지가 제대로 마련 할 수있는 방법이 무엇을 할 수 몰라요 예를 들어이미지가 제대로 표시되지 않습니다.

입니다.

관련 코드를 게시 할 수 있습니까? –

는 ...... 이미지의 컨테이너가 이미지를 너비와 높이를하지 않았으며 이미지에서 다음

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 최대 너비를 100 %로 설정하십시오. –

CSS 규칙을 통해 이미지 태그에 적용된 IMG 태그 또는 하드 코딩 된 픽셀/비율 너비에 너비 속성이 있는지 확인하십시오.

IMG 태그가있는 너비 속성의 경우 해당 너비 태그를 제거하고 CSS에서 너비를 제어하고 엄지 손가락 규칙 인 '최대 너비 : 100 %'및 '너비 : 자동'을 설정했는지 확인하십시오 반응 형 디자인.

img { 
    max-width: 100%; 
}

둘째, 이미지가 배경 이미지로 나타나면 "background-size"속성을 확인하십시오.

2017-02-28 10:33:41

답변