CSS：使用 Tumblr“宇航员”主题进行图像缩放

Question

我对 CSS 相当一无所知，并试图使用免费的 Tumblr 主题“宇航员”。

目前我正在尝试弄清楚如何为博客的“面孔”（采用三行样式）按比例缩放图像，同时在主要帖子本身中保持图像完整。我已经尝试弄清楚在哪里放置 width:300px （尽管这只是猜测每个“行”的最大宽度是多少）和 height:auto 标记在他们的块中，但它似乎没有工作.这是文字帖子独有的，图片帖子可以正常工作。

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! */
}

如果图像较大并保持图像的正确比例，这应该将图像缩小到父元素的可用宽度。