2015-10-16 4 views
-1

Я настраиваю сайт в unclick и хочу, чтобы изображения ползунка в первом разделе соответствовали полному окну.Make Div fit full window

Могу ли я сделать это только с помощью CSS или мне нужен javascript?

У div, удерживающего ползунки, есть идентификатор #section1, и это раздел, который должен соответствовать окну.

Любая помощь будет огромной!

ответ

1

Вы можете сделать это (use viewport units):

CSS

#section1, .et_pb_slider .et_pb_slide { 
    height: 100vh; 
} 

Берегись, если вы оставляете мышь навешивать изображения, слайд останавливается ... Вы go nna имеет полное изображение в полноэкранном режиме, поэтому мышь неизбежна переходит в полноэкранный режим ... просто подсказка.

+0

Луис вы легенда !! Как я рекомендую или зачисляю вас за ваш рейтинг? –

+0

Спасибо за подсказку. Теперь я знаю о свойствах vh. У меня может быть одно фоновое изображение с кнопкой в ​​первом разделе, чтобы связать мое портфолио, когда я его загрузил. Еще раз спасибо Луис. –

+0

@PaulKnight Добро пожаловать –

1

Этот CSS будет сделать DIV заполнить окно браузера:

position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left:0; 
+0

Это не работает, я боюсь. –