jQuery используется для заполнения окна браузера независимо от размера

Question

jQuery используется для заполнения окна браузера независимо от размера

0

Мне было интересно, как этот трюк достигается на http://www.vaexu.com/amada.

Они имеют начальный полный экран изображения независимо от размера окна браузера. Я попытался перепроектировать его, чтобы посмотреть, что используется jQuery (что я ожидаю, используется). Я знаю о backstretch, но как полный экран div принудительно?

Кто-нибудь сделал эту технику раньше? Какие способы достижения этого?

Заранее спасибо.

memyselfandmyiphone 02 дек. 2013, в 15:37

Источник

Теги:

jquery

css

2 ответа

0

Существует несколько методов, используемых здесь:

Для контейнера div (v-header-top) установлено значение 100% (это займет всю ширину его родителя)
У div v-header-top есть фоновое изображение, примененное к нему, и у него также есть атрибут фонового размера, который будет закрыт (background-size: cover)

В результате фоновое изображение масштабируется до размера его контейнера.

Ibanez 02 дек. 2013, в 12:30

Ещё вопросы

japrescott · Accepted Answer · 2013-12-02T12-46-00.000Z

ну, похоже, они используют бутстрап для всей визуальной сделки прокрутки (и она растет и т.д.). Но чтобы сделать изображение на 100%, сделайте следующий html;

<body>
    <div>
        </img>
    </div>
    ...

CSS;

html,body{width:100%;height:100%;}
div{
    position:relative;
    height:100%;
    width:100%;
}
img{
    min-height:100%;
    min-width:100%;
}

именно то, что я искал ... по какой-то причине я ожидал, что это будет сложнее.