CSS3是否提供；“最小尺寸”；物业「；背景；？

我正在使用

background-size: 100%;

使我的背景图像（在body标记中）适合浏览器窗口

但是是否有CSS3后台属性来设置最小大小

或者我需要一些div-“技巧”比如：

#背景{
位置：固定；
前-50%；
左-50%；
宽度：200%；
身高：200%；
}
#bg-img{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
最小宽度：50%；
最小高度：50%；
}

我想你在找

background-size: contain;

或

区别在于

cover

指定背景图像应尽可能小，同时保持其纵横比<另一方面，code>contain指定背景图像应尽可能大

---

请参阅MDN文档。

添加以下内容如何：

@media screen and (max-width:700px){
    #bg img { width: 500px; /* fixed width under 700px */ }
}

---

你指的最小尺寸是多少？图像的最小实际尺寸…就像他们都在做100%的事情一样；我应该需要控制，但效果不好。。。我的代码：

body，html{background:url（'files/background3.jpg'）中心0已修复；背景颜色：#000；字体系列：Verdana，Geneva，sans serif；字体大小：14px；行高：1.3；背景大小：contain；}

这与最小背景大小不同。如果我有一张1920年的背景图像，它将无法以全分辨率填充视网膜屏幕。因此，您可以使用

contain

来实现此目的。但是，当缩小窗口大小时，背景图像也随之缩小。我希望只有当视口大小超过图像的宽度时，图像才会拉伸以填充屏幕，否则只需使用图像的宽度即可。需要一个带有“auto”的“minbackgroundsize”属性来匹配背景图像的大小。

background-size: cover;

@media screen and (max-width:700px){
    #bg img { width: 500px; /* fixed width under 700px */ }
}