gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:52:35 24 4
gpt4 key购买 nike

请在此处查看图片: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;
}

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

最佳答案

当您在流动布局或全宽布局中沿 x 轴重复图像时,您会认为无论窗口大小如何,它都会填满浏览器窗口的整个宽度。确实如此,但如果窗口区域真的很小,就像在移动设备上一样,重复的背景会在窗口最右边缘附近停止。

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

min-width: 1024px;/*在这里指定你的宽度*/

关于css - 背景图像不在移动屏幕上重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22740654/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com