Задать вопрос

Как сделать адаптивный фон для блока?

у меня изображение которое я прикрепил к блоку
обрезается при уменьшение экрана
вот его свойства
.content{
	max-width:1200px;
	margin: 0 auto;
	background: url(../img/bg.jpg) no-repeat;
        background-size: cover;

как сделать так чтоб он не обрезался при уменьшении экрана
а наоборот вел себя как изображение
с такими свойствами
max-width: 100%;
	height: auto;
  • Вопрос задан
  • 152 просмотра
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
iDevArtem
@iDevArtem
.content{
  ...
  background-size: contain;
  ...
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы