html - 如何让内容（主要是图像）随 tumblr 上的窗口大小缩放或调整大小？

Question

我的博客/网站是 iamdonle.com 我想要的一个例子是 13thwitness.com 我的图像没有缩放，并且会出现一个滚动条。在他的网站上，图像随着窗口变小。我敢肯定这很简单，但我是菜鸟。请帮忙！

Answer 1

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

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

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

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

#header {
  width: 100%;
}

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

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

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

Answer 2

您的图像正在缩小，但您的徽标没有！

尝试：

.logo {
    max-width: 100%;
}