如何使用tumblr上的窗口大小来缩放或调整内容（主要是图像）？

Question

我的博客/网站是iamdonle.com 我想要的一个例子是13thwitness.com 我的图像不会缩放，会出现滚动条。在他的网站上，窗口的图像越来越小。我确信这很简单，但我是个菜鸟。请帮忙！

Answer 1

您的图片正在缩小，但您的徽标不是！

尝试：

.logo {
    max-width: 100%;
}

Answer 2

首先，您需要确保您的容器能够扩展。现在它的设置宽度为1150px，这需要基于最大宽度或百分比。

首先，删除#container上声明的宽度并添加此CSS：

#container {
  max-width: 1150px;
  padding: 5px 30px 0;
}

然后，您需要删除为标头声明的宽度。您可以通过完全删除该行（CSS文件的第82行）或通过执行以下操作覆盖自定义屏幕中的“自定义CSS”字段框来执行此操作：

#header {
  width: 100%;
}

然后，正如其他人提到的那样，您还需要为徽标添加最大宽度。

#header img {
  max-width: 100%;
}

注意：当我查看您使用“相当大”主题的博客时，上面的代码仅适用于该主题。