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

Question

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

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

网站，供参考。

和一个布局的pastebin。

感谢你给与我的帮助。

Answer 1

height: auto;通过添加到您的 CSS中，再次尝试您在问题中提到的内容：

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

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