CSS 이미지는 100 % 높이로 뻗어되고

내가 상관없이 내가CSS 이미지는 100 % 높이로 뻗어되고

<?PHP the_post_thumbnail('full'); ?>

를 사용하고 난 이미지가 작은 방법은 내가 볼 그나마 아직 이미지를 streching입니다 뭐하는 거지하지만 그것에게 엄청난 높이를 만드는 어떤 CSS가 없다 사용되는 CSS는 다음과 같습니다. 그러나 올바른 크기가 아니기 때문에 이미지가 흐리게 나타나고 이미지가 표시됩니다.

.services-icon img { 
    max-width: 100%; 
    display: block; 
    width: 200px; 
    margin-top: 0; 
    margin-right: auto; 
    margin-bottom: 0; 
    margin-left: auto;

URL이

http://www.lockmsiths.solitudesoftware.co.uk/#site

출처

2017-12-15 rogue39nin

귀하의 <img> 태그가 width와 워드 프레스에 의해 설정된 height 속성이 여기에있다.

<img width="1000" height="500" ... >

은 CSS에서 당신은 당신의 200px 폭에 따라 화면 비율을 유지하기 위해 자동으로 높이를 설정할 수 있습니다

.services-icon img { 
    height: auto; 
}

염두에 유지, 당신의 CSS는이 이미지에 워드 프레스 설정을 덮어 씁니다.

출처

2017-12-15 18:58:05 andreas

이미지를 컨테이너에서 100 % 너비로 사용하려면 CSS에서 200px를 제거하십시오. 태그에 width 및 height 속성이 있으면 제거하십시오. 해당 인라인 속성을 제어 할 수없는 경우 javascript를 사용하여 제거 할 수 있습니다.

브라우저 스타일이 해당 스타일을 적용하기 때문에 반드시 높이를 사용하지 않아도됩니다 (이 경우 auto). 그러나 나는 그것을 사용하는 것이 좋습니다.

출처

2017-12-15 18:59:09

CSS에서 자동으로 높이를 height: auto;으로 설정할 수 있습니다. WordPress의 실제 이미지 높이를 변경하여 이미지의 width 및 height 속성이 올바른지 확인하는 것이 좋습니다 (예 : @andreas).

출처

2017-12-15 19:00:56 tech4him

CSS 이미지는 100 % 높이로 뻗어되고

답변

관련 문제