Доброго времени суток! Вопрос прост! Работают ли в паре эти инструменты - flexbox и background-image (background)? Буду очень благодарен за какую нибудь статью или разъяснение.
А как одно свойство может быть связано с другим? Пример приведите.
например есть контейнер с фоном, при изменении размера окна браузера нужно чтобы контейнер тоже уменьшался. но с фоновым изображением он не уменьшается, без фонового изображения уменьшается. может я не правильно пишу код?
<header>
<section class="logo">
<h1>culinary</h1>
</section>
</header>
header {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
}
header .logo {
flex: 1 1 auto;
background: url(images/img01.jpg) no-repeat;
}
Размер фона 900 на 140.
В коде из архива все изображения через img. Чтобы заставить их уменьшаться достаточно прописать max-width: 100%;
код из архива не относится к этому вопросу. да, там все изображения это просто изображения. там я не задумывался об уменьшении изображений кроме одного. надо будет попробовать и с остальными, спасибо. попросил посмотреть архив вообще, не только флексы.
А… Спасибо за уточнение. Посмотрю в целом. Много сокращенных записей flex. Не удобно разбираться. Лучше писать все свойства отдельно, если предполагается, что сайт будет кроссбраузерным.
огромное спасибо за совет)