Задать вопрос
@MRcracker
html

Как сделать чтобы картинка полностью отображалась на сайте?

Есть картинка. Картинка должна всегда полностью отображаться на экране - растягиваться под размер окна. Как это реализовать?
  • Вопрос задан
  • 544 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Stalker_RED
@Stalker_RED
background-size: cover - картинка тянется так, чтобы покрыть весь блок. Лишнее обрезается.
background-size: contain - картинка тянется так, чтобы целиком уместиться в блок. Могут быть свободные участки по краям.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Редизайн корзины аспро. Верстка
23 апр. 2024, в 22:07
12000 руб./за проект
Собрать семантическое ядро + ТЗ копирайтеру для крупного сайта
23 апр. 2024, в 21:40
20000 руб./за проект
Реализовать редирект запросов в Chrome Extension Manifest v3
23 апр. 2024, в 21:14
1000 руб./за проект
Ещё заказы