Html 响应式布局-媒体查询

当我调整屏幕大小时，由h1标记定义的橙色线不会随着文本向下移动，我的橙色框也不会在文本后面向右合并

我知道我需要以某种方式包括媒体查询，但不知道如何，有人能帮我吗

---

谢谢

好的，首先，我想我从来没有见过有人在一个页面上使用像你这样多的break

标签，哈哈

您的问题的答案是，只要在需要行的任何位置使用

标记（水平规则）

例如，在计时的结束div标记之后添加

标记。默认情况下，

标记的样式为黑色，因此我们需要在stylesheet.css中添加一些简单的样式

hr {
    border-top: 1px solid #bd6e22;
}

如果要在上方、下方或两者之间添加间距，请将其添加到样式中

hr {
    border-top: 1px solid #bd6e22;
    margin: 20px 0;
}

我已经把20px作为一个例子，但你可以把它改成你想要的

希望这有帮助。

好的，您需要在ftp客户端中打开。 然后对每个分页符大小使用@media quieres，并根据每个设备调整样式：D 祝你好运

---

克里斯

你到底想要什么？这句话“南利兹另类贸易企业”想要向下移动很难为你的网站写回复，因为你的风格#时间{利润率顶部：-265px；}和div不正确created@Emmabritnor你需要保持样式尽可能地与页面上的样式不定位元素分开，使用br的使用css来设置样式、位置和大小，祝你好运！这条线修不好。这只是调整了

（分页符）的大小。她问如何包含媒体静音：我知道我需要以某种方式包含媒体查询，但不知道如何添加，有人能帮我吗？页面的编码一点也不正确，但嘿，好吧。。。她不应该使用浮子，而是弹性盒子。她根本不应该在class=“line”中使用任何标记，这是不需要的。。。我本来会用css框架来完成繁重的工作，但人们需要按照自己的节奏学习：dhehe srry！！这并不是对你的回应，而是对朱利安后来留下的评论的回应……这不是一个坏的第一次努力，但是将来我会考虑使用CSS框架（Bootstrap，基金会，……）。如果你想在上面、下面或者两者都增加空间，那么你可以增加边距。我会更新我的答案^给他们使用%的宽度，这样他们会适应，然后使用meda查询将他们设置为100%，当你点击某个屏幕时width@vimes1984听上去容易，说得容易，做得好，她是个学习者。Emma Britnor，老实说，你目前组织div的方式并不好。这很简单，但我必须写出一大堆代码，如果我把它放在评论中，它看起来会很混乱。如果你想在布局方面获得更多帮助，请直接给我发消息，很高兴我能帮助你解决你的行问题。将我添加到聊天窗口中，我会看看是否能提供帮助