Javascript 调整大小时的页面可见性

我正在创建一个网页，当我调整窗口大小时，它开始变得一团糟。文本改变其位置等等。即使调整了窗口的大小，如何保持其美观？也许有一些视频课程？提前谢谢

您正在寻找

css媒体查询

这是一个广泛的主题。所以我无法指出确切的目的地。但youtube上有大量关于这些主题的资料。你也可以尝试交互式教程。

有很多视频课程可供选择。您可以通过“响应布局”关键字进行搜索。但是你可以很容易地摆脱它。您所需要的只是标准的媒体查询。将此媒体查询放在.css文件的末尾，并根据屏幕大小开始设置样式。（例如用于移动尺寸（最大宽度：767px）等）

---

CSS媒体查询可以提供帮助。它们可以让你在CSS中制定规则，当屏幕大小改变时，或者当页面显示在一个更小或更大的屏幕上时，你希望网页上的不同元素如何显示。这里有一个很好的介绍：

基本上，您可以为这些断点设置“断点”和所需的样式：

@media screen and (min-width: 500px) {
    body {
        margin: 10px;
    }
}

---

更多示例：

查看此标签了解相关问题查看响应网格系统，例如。（它在引擎盖下使用，但提供了一个更易于使用的界面。）顺便说一句，如果你提供一个示例，你可能会得到一个答案。

@media screen and (min-width: 500px) {
    body {
        margin: 10px;
    }
}