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

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;/*在这里指定你的宽度*/。