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

Как делают полноэкранную версту?

Как сделать блок, размером с окно браузера, маштабируемый, с фоном в виде картинки 1920х1080?
Задаю высоту через vh, назначаю background-size:100%, но если экран не 16:9, а к примеру 16:12 и т.п, то изображение повторяется по вертикали....могу отключить рипит, но какой смысл, если блок то все равно будет занимать место.
Если не сложно, можете сразу показать как сделать кучу таких вот блоков - один под другим?
  • Вопрос задан
  • 222 просмотра
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
littleguga
@littleguga
Не стыдно не знать, а стыдно не интересоваться.
Вот код, вот полноценный пример
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
.block {
    position: relative;
    height: 100vh;
    background: url(...) no-repeat 50% 50%;
    background-size: cover;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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