Как растянуть изображение на весь экран CSS

Для растяжения изображения на весь экран можно использовать свойство CSS background-size со значением cover. Например:

body  background-image: url('image.jpg');
  background-size: cover;
}

Это растянет изображение на весь фон страницы, сохраняя пропорции и обрезая лишнее. Если нужно растянуть изображение на весь контейнер, можно использовать свойство object-fit со значением cover для тега img:

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

Это растянет изображение на всю ширину и высоту родительского контейнера, сохраняя пропорции и обрезая лишнее.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как растянуть изображение на весь экран CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали