CSS：用Tumblr'宇航員'主題圖像縮放

Question

對於CSS，我試圖使用免費的Tumblr主題「宇航員」。

目前我試圖弄清楚如何按比例縮放圖像的博客（這是在三排風格）的「臉」，同時保持圖像完整的主要職位本身。我試圖找出在哪裏放置寬度：300px（儘管這只是猜測每個「行」的最大寬度）和高度：自動標記在他們的塊，但它似乎並沒有工作。這是專屬於文字帖子，圖片帖子正常工作。

The site, for reference.

And a pastebin of the layout.

感謝任何幫助，您可以給我。

Answer 1

再試一次，你在你的問題中加入height: auto;到你的CSS中提到的：

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

這應該縮小圖片的父元素如果圖像是更大的可用寬度，並保持正確的比例你的形象。