CSS - 使重复的背景图像拉伸到浏览器窗口大小答案

【问题标题】：CSS - Making a repeating background image stretch to browser window sizeCSS - 使重复的背景图像拉伸到浏览器窗口大小
【发布时间】：2011-09-15 14:58:33
【问题描述】：

这是我购买的主题的问题，我已经尝试联系所有者（没有运气）。

这应该是一个相当容易解决的问题，只是我不知道该怎么做！（我已经研究过了）。

您可以在这里查看主题：http://igeekify.com/_templates/liftoff/www/

要重现问题，只需拖动窗口大小使其宽度小于内容，然后向右滚动即可。您会注意到标题背景并没有一直延伸。

背景图像用于 DIV '#frame-header'，它具有类 '.wrapper'。我认为问题与定义的'.wrapper'的宽度有关。

非常感谢任何帮助！

【问题讨论】：

真的有人让他们的窗口小于940px 然后向右滚动吗？
我在 Mac 上使用 Cinch，这是一个类似于调整大小的 Windows 7 的应用程序，您可以在其中向左或向右拖动窗口，以便同时查看两个窗口。如果我要这样做，那么页面就坏了。所以是的，使用 Windows 7 或 Cinch 的人会这样做！

标签： css image window wrapper stretch

【解决方案1】：

我认为您可能需要在“frame-header”div 中添加一个 min-width 属性：

<style type="text/css">
#frame-header
{
    min-width: 940px;
}
</style>

【讨论】：

看准了！我将不得不对此进行调查，以前从未设置过最小宽度。非常感谢这么快的回复！
太棒了。如果您在旧 IE 中尝试并且 min-width 不起作用，请尝试 width: 100%;

【解决方案2】：

尝试使用以下代码：

image width:100%;

【讨论】：

@terry Jan Reedy 很抱歉，因为我是新来的，正在学习如何发帖