我正在尝试使用
background-size:cover
将背景图适应其容器。
这是我的示例:示例链接
它在所有浏览器中都能工作,但在Android原生浏览器中无法工作。
请问有人有解决方案吗?谢谢。background-size:cover
将背景图适应其容器。
这是我的示例:示例链接
它在所有浏览器中都能工作,但在Android原生浏览器中无法工作。
请问有人有解决方案吗?谢谢。background: url('...') fixed center center / cover;
我们应该将背景图片与其他内容分开,并将其内联使用,然后在 css 文件中单独使用每个选项,如下所示:
background-size: cover;
background-position: center center;
html, body {...}
而不是 body {...}
时,它可以正常工作。 - Edward不幸的是,旧版Android原生浏览器和Chrome for Android并不完全支持background-size属性。 我已经通过艰苦的方式发现了这一点。 请不要使用“cover”作为值,而应该执行以下操作:
background-size: 100% auto;
它的作用是让你获得与"cover"相同的水平感觉,然后自动设置图像的高度,假设该图像具有固有尺寸。
如需进一步阅读,我建议深入阅读Sara Soueidan的详细撰写。
我曾经遇到过background-size: cover的相同问题,图片适应设备宽度而下方出现白色背景,在使用以下CSS设置background-color后问题得以解决:
background-color: #fff;
或者简写为:
background: #fff url('http://cdn.stupiddope.com/wp-content/uploads/2013/06/IMGP3540.jpg') no-repeat scroll center center / cover;
无论你选择哪种颜色,都无所谓,因为它将是看不见的。