@Extramezz

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

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

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

Войти через центр авторизации
Похожие вопросы