CSS : Tumblr '우주 비행사'테마로 이미지 스케일링

Question

저는 Tumblr 테마 인 '우주 비행사'를 무료로 사용하려고합니다.

현재 블로그의 '얼굴'(3 행 스타일)에 비례하여 이미지 크기를 조정하는 방법을 알아 내려고 노력하고 있지만 이미지는 메인 게시물 자체에 그대로 유지됩니다. 300px (각 '행'의 최대 너비는 무엇인지에 대한 추측 일뿐입니다.) 및 높이 : 자동 태그를 해당 블록에 배치하려고했지만 작동하지 않는 것 같습니다. . 이것은 텍스트 게시물에만 적용되며 이미지 게시물은 정상적으로 작동합니다. 당신이 내게 줄 수있는 모든 도움을

The site, for reference.

And a pastebin of the layout.

감사합니다.

Answer 1

당신이 당신의 CSS에 height: auto;을 추가하여 귀하의 질문에 언급 된 것을 다시 시도 :이 이미지가 큰 경우 부모 요소의 사용 가능한 폭까지 이미지 크기를 조정해야

#container .box img { 
    max-width: 100%; 
    height: auto; /* add this! */ 
} 

올바른 비율을 유지 너의 심상의.