我有一个div。
<div id="page">
</div>
使用以下 CSS:
#page {
background: url('images/white-zigzag.png') repeat-x;
}
@media (max-width: 600px) {
#page {
background: url('images/white-zigzag-mobile.png') repeat-x;
}
}
我注意到当我调整浏览器大小时,我看到了“移动”背景(很好),但如果我回去并使浏览器变大,我的以前的“大”背景并不总是重新出现。
这是一个间歇性的问题,但它发生得足够频繁,我认为我应该解决它。
是否有任何方法可以解决“背景图像未显示”的问题或者一种调整背景图像大小的方法,以便媒体查询“缩小”背景图像以适应新的大小?据我所知,没有(广泛的)方法可以更改背景图片的大小...
background-size
属性。它是 CSS3 的,但相当 受支持。其中一个可能的值是cover
。它在我提供的文章的第一个链接中有解释。顺便问一下,你用的是什么浏览器? - juanrpozo