我在用着
background-size: 100%;
将我的背景图像(在body标签中)适合浏览器窗口。
但是是否有CSS3 background-property设置最小大小？
或者我会需要一些div-“技巧”，如：
<div id="bg">
<img src="images/bg.jpg" alt="">
</div>
#bg {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}
#bg img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}
解决方法
我想你在找
background-size: contain;
要么
background-size: cover;
不同之处在于，该封面指定背景图像应尽可能小，同时保持其纵横比。包含另一方面指定背景图像应尽可能大。
请参阅MDN文档here。
