背景圖像不重複在移動屏幕

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 */。