背景图像不会在移动屏幕上重复

Question

在此处查看图片：http://postimg.org/image/xa6pzd1df/ 网站是：http://blackfridaymagazine.com/papa-johns-free-pizza-march-madness/09512

    #main {
    background: url(img/gray-pattern.png) repeat center center #f3f3f3;
    color: #000;
    }

底部的深灰色和浅灰色背景应该重复，但它们不会......

Answer 1

当您在流体或全宽布局上跨x轴重复图像时，无论窗口大小如何，您都认为它会填充浏览器窗口的整个宽度。它确实如此，但是如果窗口区域非常小，就像在移动设备上一样，重复的背景会停留在窗口的最右边缘。

解决方案是你需要像这样添加min-width：

min-width: 1024px;/*specify your width here */。