¿CSS3 ofrece una propiedad de "tamaño mínimo" para "fondo"?

Question

estoy usando

background-size: 100%; 

Para montar mi imagen de fondo (en el cuerpo-tag) a la ventana del navegador.

¿Pero hay una propiedad de fondo CSS3 para establecer un tamaño mínimo?

o necesitaré algunos div- "truco" como:

<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%; 
} 

Answer 1

Creo que busca

background-size: contain; 

O

background-size: cover; 

la diferencia de que cover especifica que la imagen de fondo debe ser lo más pequeña posible manteniendo su relación de aspecto. contain por otro lado especifica que la imagen de fondo debe ser lo más grande posible.

Consulte la documentación de MDN here.

Answer 2

Cómo sobre la adición siguiente:

tamaño

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