Html 使用浏览器调整页面大小

我正在为Odin项目做第一个项目，这是重建Google主页。考虑到我只做了几个星期，我觉得我的页面看起来很不错，但是当我把我的页面从全屏模式中拿出来时，一个滚动条出现了。如果你查看谷歌主页，页面本身会调整大小，而不是使用滚动条<代码>溢出：隐藏显然只会切断页面底部，所以我不希望这样。如果我说的不够具体，我很抱歉，但这里有一个到我的Github的链接来查看它

---

如果你看到我做的任何事情都是完全错误或混乱的，我真的很喜欢批评。

我还没有看过你的GitHub，但我建议合并，这基本上可以让你根据屏幕大小开发页面

您可能会发现本教程很有帮助：

---

快速浏览Github后，您将为包含所有内容的

all

类设置

最小宽度：500px

。尝试将

all

类

宽度设置为100%

。这将允许您的内容填充页面，并随着屏幕大小的调整而调整

诚然，一旦你的内容变得非常小并且互相点击，它们就会断开连接到其他行，但是你必须通过媒体查询来调整大小/缩放比例等等

.all {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

---

实际上，我所要做的就是删除所有的

。所有的
样式来解决这个问题。我还修复了你的页脚，让它粘在页面底部。最后，如果您想使输入大小合适，请使用如下方法：

这将在屏幕尺寸小于等于500px时将输入宽度设置为80%。Hre是我改变的一支笔：
欢迎来到Stack Overflow！寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看见
@media (max-width: 500px /* or whatever */) {
   input {
      width: 80%;
   }
}