CSS 이미지 높이가 자동으로 부정확 한 종횡비를 초래 함

크기가 570x400 인 이미지가 있습니다. 나는이 빌드를 반응 적으로 만들었으므로 이미지의 크기를 축소하기 위해 다음을 사용합니다 : img {max-width : 100 %; 높이 : 자동;}

위대한 작품 ... 최대 크기에 도달하면, 어떤 이유로 이미지가 표시됩니다 : 570x406. 그것은 부적절하게 종횡비를 계산하는 것과 같습니다. 여기

내가 사이트를 작업하고 있습니다 : http://www.juliancaustrita.com/

사람이 전에이 발생 했습니까? 나는 "최대 너비 100 %, 높이 : 자동"을 사용하여 많은 사이트를 구축했으며 전에는 본 적이 없다 ...

고마워!

2013-11-05 Roi

.img-frame에 적용하는 것은 10px 흰색 경계 때문입니다.

2013-11-05 06:46:49 Henrik

yup- 내가 게시 RIGHT 후 저를 허용하면 ... 당신이 올바른 표시합니다 것을 깨달았다는 – Roi

'는 설정 (8 분 말) border : 10px solid # fff'를'.slideshow figure'로 바꾸고 원하는 효과를 얻기 위해 그 요소에서'width : 100 %'를 제거하십시오. – Henrik

개요를 바꾸기 만했습니다. 감사합니다! – Roi

CSS 너비에는 패딩과 테두리가 포함됩니다. 이미지에 적용한 클래스 .img-frame에 10px의 경계가 있습니다.

일을 명확하게 할 수 크롬의 요소 관리자의이 스크린 샷 :

enter image description here

2013-11-05 06:49:30 jingtao

답변