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

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

Есть картинка. Картинка должна всегда полностью отображаться на экране - растягиваться под размер окна. Как это реализовать?
  • Вопрос задан
  • 656 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Stalker_RED
@Stalker_RED
background-size: cover - картинка тянется так, чтобы покрыть весь блок. Лишнее обрезается.
background-size: contain - картинка тянется так, чтобы целиком уместиться в блок. Могут быть свободные участки по краям.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии