Html 如何使用大于可见区域的背景图像

Html 如何使用大于可见区域的背景图像,html,css,Html,Css,我有一个bg图像宽度1300px 我创建宽度为:100%背景图像'image-bg'中心的标题容器; 含量为960px;保证金:0自动;因此,这将始终处于中心位置 页眉位于页面容器中,该容器还具有100%的背景图像“image-bg-border”中心;只是为了创造一个漂亮的边界 但现在,当我在小宽度值上调整浏览器的大小时,页面、正文、html比标题或其他具有960px的元素中的内容小;保证金:0自动 在小宽度上调整页面大小时,如何使页面至少与页眉宽度相同? 临时链接:已删除 编辑:在较小的值上

我有一个bg图像宽度1300px

我创建宽度为:100%背景图像'image-bg'中心的标题容器; 含量为960px;保证金:0自动;因此,这将始终处于中心位置

页眉位于页面容器中,该容器还具有100%的背景图像“image-bg-border”中心;只是为了创造一个漂亮的边界

但现在,当我在小宽度值上调整浏览器的大小时,页面、正文、html比标题或其他具有960px的元素中的内容小;保证金:0自动

在小宽度上调整页面大小时,如何使页面至少与页眉宽度相同? 临时链接:已删除


编辑:在较小的值上调整浏览器宽度时,查看divpage。一品脱处的页眉比页面大,以便在水平方向上看到向右的滚动。

divpage没有设置宽度,因此默认为窗口的宽度。它内部的headerbranding最小宽度为960px,因此它将延伸到divpage区域之外


您希望divpage的最小宽度为960 px,还是希望尝试将整个页面限制为窗口宽度?

对不起,问题不清楚。如果将链接的页面缩小,它将获得一个水平滚动条。这不是你想要的吗?然后你应该更好地解释。当你把浏览器的宽度调整到很小的值时,页面和页眉应该保持不变,但是页面会变小。若要将浏览器的大小调整为较小的宽度,请向右水平滚动。使用google chrome之类的开发工具,显然你们知道,若并没有,你们也帮不了meI完全错过了divpage。我解决了。当相同的大小调整时,还有另一个问题。如果滚动到顶部,同时浏览器的大小变小,字体会变小。为什么?@Alqin很抱歉花了这么长时间才找到你。忙碌的一天。但是您的twentyeleven样式表中有@media max width:650px,这可以减少窄屏幕上的字体大小。没关系,非常感谢您的帮助。我还有很多东西要学。快速提问。我如何覆盖@media使其变为默认值,因为它从未被声明过,而不改变包含它的原始样式表?@Alqin如果您不想更改该特定css文件的内容,只需将另一个@media max width:650px放入另一个稍后包含的css文件中,并带有您想要的样式属性,例如字体大小:中等,我想是的。如果确保稍后加载此声明,浏览器将使用此声明而不是原始声明。