响应式布局 - 媒体查询
Responsive Layout - Media Queries
当我调整屏幕大小时，由 h1 标签定义的橙色线不会随着文本向下移动，而且我向右浮动的橙色框也合并到文本后面。
我知道我需要以某种方式包含媒体查询，但不知道如何，有人可以帮助我吗？
谢谢！
好吧，首先，我认为我从未见过任何人在一个页面上使用像你一样多的中断 <br> 标签哈哈。
你的问题的答案是简单地使用 <hr> 标签（水平规则），无论你想要一条线。
例如，在计时结束 div 标签后添加 <hr> 标签。默认情况下，<hr> 标签的样式为黑色，因此我们需要为您的 stylesheet.css
添加一些简单的样式
hr {
border-top: 1px solid #bd6e22;
}
如果您想在上方、下方或两者添加间距，请将其添加到样式中。
hr {
border-top: 1px solid #bd6e22;
margin: 20px 0;
}
我以 20px 为例，但您可以将其更改为任何您想要的。
希望对您有所帮助。
好的，您需要在 ftp 客户端中打开 http://me14evb.leedsnewmedia.net/slate/stylesheet.css。
然后 https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 为每个分页符大小使用 @media quieres 并根据每个设备调整样式：D
祝你好运！
克里斯
当我调整屏幕大小时，由 h1 标签定义的橙色线不会随着文本向下移动，而且我向右浮动的橙色框也合并到文本后面。
我知道我需要以某种方式包含媒体查询，但不知道如何，有人可以帮助我吗？
谢谢！
好吧，首先，我认为我从未见过任何人在一个页面上使用像你一样多的中断 <br> 标签哈哈。
你的问题的答案是简单地使用 <hr> 标签（水平规则），无论你想要一条线。
例如，在计时结束 div 标签后添加 <hr> 标签。默认情况下，<hr> 标签的样式为黑色，因此我们需要为您的 stylesheet.css
hr {
border-top: 1px solid #bd6e22;
}
如果您想在上方、下方或两者添加间距，请将其添加到样式中。
hr {
border-top: 1px solid #bd6e22;
margin: 20px 0;
}
我以 20px 为例，但您可以将其更改为任何您想要的。
希望对您有所帮助。
好的，您需要在 ftp 客户端中打开 http://me14evb.leedsnewmedia.net/slate/stylesheet.css。 然后 https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 为每个分页符大小使用 @media quieres 并根据每个设备调整样式：D 祝你好运！ 克里斯