Предлагает ли CSS3 свойство «минимального размера» для «фона»?

Я использу

background-size: 100%;

Чтобы разместить мое фоновое изображение (в теге body) в окне браузера.

Но есть ли CSS3 background-свойство для установки минимального размера?

Или мне понадобится какой-нибудь трюк с дивами:

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

Ответы на вопрос(2)

,

Я думаю, что ты ищешь

background-size: contain;

ИЛ

background-size: cover;

Разница в том, чтоcover указывает, что фоновое изображение должно быть как можно меньше при сохранении соотношения сторон.contain с другой стороны указывает, что фоновое изображение должно быть максимально большим.

См. Документацию MDNВо.

Как насчет добавления этого:

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

ВАШ ОТВЕТ НА ВОПРОС