CSS : 왜 사진 크기가 맞지 않습니까?

이미지 뷰어를 만들었습니다. 어떤 이유로 이미지가 페이지 크기에 맞지 않습니다 (사용하고있는 것은 : height: 82%, width: auto). 내 웹 사이트 guyzyl.org에서 문제를 볼 수 있습니다. 갤러리로 이동하여 사진을 입력하여 문제를 확인하십시오. 어떤 도움을 주셔서 감사합니다!CSS : 왜 사진 크기가 맞지 않습니까?

출처

2012-05-19 guyzyl

https://developer.mozilla.org/ko/CSS/height => "포함하는 블록의 높이를 명시 적으로 지정하지 않으면 값이 자동으로 계산됩니다." 'DIV # viewer'는 높이를 명시 적으로 지정하지 않았습니다 ... – Aprillion

당신이 원하는 결과를 달성해야

#viewer img { 
    max-height: 82%; 
    max-width: 100%; 
    }

이로 설정하십시오.

출처

2012-05-19 09:42:14 frontendzzzguy

최대 높이와 최대 너비는 축척 크기가 아닙니다. 실제 규모에 대한 제한을 설정하기 만하면됩니다. – Niranjan

해결되었습니다! 도와 주셔서 감사합니다 :-) – guyzyl

img의 CSS에는 display:block을 사용하십시오.

또한 부모 컨테이너는 어린이의 너비와 높이에 auto을 사용할 때 지정된 크기를 가져야합니다.

출처

2012-05-19 09:37:24 Niranjan

CSS : 왜 사진 크기가 맞지 않습니까?

답변

관련 문제