css - 使用 CSS 和宽度

Question

我为他们制作的朋友水疗网站进展顺利，但我有一个关于 CSS 的快速问题。如果您调整页面大小，您会看到链接的颜色从它们的灰色变为蓝色，然后是红色，然后是绿色。这是我知道我需要使用哪个媒体查询的测试方法。我想知道为什么徽标没有在页面顶部重复？

我试图让图像重复并跨越屏幕大小顶部的整个宽度，但它就像宽度设置为 100px？

这是带有红色链接的媒体查询标题区域的代码：

#title-area {
    position: relative;
    width: 100%;
    height: 204px;
    top: 0px;
    background: url(images/melt-logo.jpg) top center repeat;
    text-indent: -99999px;

}

我查看了萤火虫，似乎找不到问题。任何帮助表示赞赏！

Answer 1

看起来您#title-area的固定宽度为 700px。将此更改为 100%（大约在 style.css 中的第 210 行）。

它的背景设置为no-repeat。您帖子中的示例更正确 - 将其更改为简单repeat（style.css 中的大约第 214 行）。

#title-area还left:-350px设置了徽标出现在左侧，即使它位于 logo.jpg 的右侧。将宽度设置为 175% 这样会覆盖它，否则最好将徽标放在图像的左侧，将左侧设置为 0px 并将宽度保留为 100%。

Answer 2

您还需要重置左侧值：

#title-area {
    left: 0;
}