Автоматическое изменение размеров фоновых картинок под размеры экранов?

tosrer, я постараюсь более подробно описывать что мне нужно. Благодарю за уделенное время)

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Антон, спасибо. Пока не разу не использовала object-fit и object-position. Попробую!

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Рустам Байназаров, ну, на что бы я ни смотрела, я получила нужный результат.
Благодарю вас за пример кода)

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Рустам Байназаров, помогло больше обсуждение, чем пример, хотя css по делу всё)
Тк не хочу в html ссылки на ресурсы делать тк возможно понадобится пару фраз поверх фото написать.

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Рустам Байназаров, это оч правильный вопрос)))
Изначально ставила чтобы помнить под какие размеры верстаю, а сейчас уже по привычке, видимо)

Все получилось, спасибо за ваше время и опыт!

Контейнер определенных размеров(100vh + 100vw)
и внутри картинка с bg:cover

.container {
    width: 100vw;
    height: 100vh;
}

.class_with_img {
    background: url(''):
    background-size: cover;
    height: 100vh;
}

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Рустам Байназаров,

3 блока.
один за другим
1 блок = 1 фото = 1 экран

Попробую ваше решение. Благодарю)

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Рустам Байназаров,
что хочу:
фоновая картинка адаптируется под экраны разных устройств и по ширине и по высоте.

Ну вот есть лендинг и 3 фоновые фото

я хочу чтобы все фото адаптировались под мобильный размер или под размер планшета.
и по ширине и по высоте. Четко. 1 экран = 1 фото.

Чтобы не повеситься с огромным количеством @media
Так понятнее?

PS наполнение не учитывая, ибо только фото будут.

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Не то.
Но спасибо

Это свойство пропорционально растягивает картинку под площадь ее родителя/контейнера.

А я хочу чтобы адаптировалась картинка под разные размеры экранов.

Как реализовать показ объекта через .css() без мгновенного скрытия?

Вадим, спасибо огромное, что ответили и так быстро!
Заработало)

Как начать зарабатывать начинающему web-разработчику в 17 лет?

Сергей Горностаев, пропал мой коммент =(

Что могут спросить на собеседовании на вакансию верстальщик?

Спасибо, что поделились опытом собеседования.
Не сдавайтесь!

Сделайте пару сайтов и натяните их на cms.
Будете уверенее себя чувствовать и пока ищете работу сможете подрабатывать на фрилансе.

Успехов!