使用CSS和宽度

我为他们做的一切都很顺利，但是我有一个关于CSS的问题。如果你调整页面大小，你会看到链接的颜色从灰色变为蓝色、红色、绿色。这是我的测试方法，可以知道我需要处理哪些媒体查询。我想知道为什么徽标没有在页面顶部重复

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

以下是媒体查询标题区的代码，带有红色链接：

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

}

我查过firebug，似乎找不到问题。

---

感谢您的帮助

您还需要重置左侧值：

#title-area {
    left: 0;
}

---

您还需要重置左侧值：

#title-area {
    left: 0;
}

看起来您的

#标题区域的固定宽度为700px。将其更改为100%（大约在style.css中的第210行）

其背景设置为
无重复
。文章中的示例更为正确-将此更改为简单地
重复
（大约在style.css中的第214行）

#标题区
也设置了
左：-350px
以使徽标显示在左侧，即使它位于logo.jpg的右侧。将宽度设置为175%，这样可以将其覆盖，否则更好的办法是将徽标放在图像左侧，将左侧设置为0px，并将宽度保留为100%。
看起来您的
#标题区域的固定宽度为700px。将其更改为100%（大约在style.css中的第210行）

其背景设置为
无重复
。文章中的示例更为正确-将此更改为简单地
重复
（大约在style.css中的第214行）

#标题区
也设置了
左：-350px
以使徽标显示在左侧，即使它位于logo.jpg的右侧。将宽度设置为175%，这样可以覆盖它，否则更好的方法是将徽标放在图像左侧，将左侧设置为0px，并将宽度保留为100%