css - 缩放时背景重复停止

Question

我已经将页脚的背景设置为 background-repeat: repeat-x 但由于某种原因，当我放大时，背景停止重复......你看到的蓝色条应该是根据 CSS 规则重复窗口的整个宽度(当我开始放大时他会执行)

这正常吗？如果是，我该如何防止或绕过它。如果不是，可能是什么原因？

编辑:我只是想知道你是否将 body 的宽度设置为例如1,000px 或 5,000px 页脚开始扩展，但是当我缩小到正常大小时，网站非常大...... width: 100% 也没有解决。

Answer 1

为页脚设置 100% 的宽度，然后为其设置一个等于内容宽度的最小宽度。因此，如果您的内容具有 960px 的固定宽度，则您的 css 将是:

#content { width: 960px; }
#footer { width: 100%; min-width: 960px; }