Question

我对CSS很无能为力，并试图使用免费的Tumblr主题'宇航员'。

目前，我正在尝试弄清楚如何按比例缩放博客“面部”（三行样式）的图像，同时保持主要帖子本身的图像完好无损。我已经尝试找出放置宽度的位置：300px（虽然这只是猜测每个'行'的最大宽度是什么）和高度：自动标记在它们的块中，但它似乎没有工作。这是文本帖子专用的，图片帖子工作正常。

感谢您提供任何帮助。

Answer 1

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

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

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