Можно ли заставить div взять высоту экрана

Мы используем библиотеку начальной загрузки для стилизации. У нас есть div, и мы хотим, чтобы div занимал высоту экрана. Я не хочу устанавливать минимальную или максимальную высоту.Можно ли заставить div взять высоту экрана

Я могу установить высоту через javascript, но мне просто любопытно, могу ли я заставить тело сделать высоту экрана через CSS. Есть ли у нас какой-либо вариант, кроме использования медиа-запросов?

источник

2015-06-12 SharpCoder

Когда вы говорите «* высота экрана *» вы имеете в виду высоту экрана монитора пользователя (имеет ли пользователь их браузер полный дуплекс экран) или полную высоту порта просмотра браузера? –

, если вы не настроите таргетинг на старые браузеры, проверьте vh http://codepen.io/devtips/pen/XJByvr/ –

@DavidThomas: Я имел ввиду viewport. Благодаря !! – SharpCoder

Вы также можете использовать VH. vh - высота видового экрана. Вы можете найти побольше об этом here

источник

2015-06-12 08:48:27

Разве это не высота видового экрана? –

Да, вы можете использовать position. Скажем, у вас есть div, как .mask:

.mask { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
}

источник

2015-06-12 08:46:48

Проверьте, подходит ли это вам.

html, 
 
body { 
 
    height: 100%; 
 
} 
 
div { 
 
    height: 100%; 
 
}

<div> 
 
    <h1> Hello World </h1> 
 
</div>

JSFIDDLE

источник

2015-06-12 08:52:19

Привет, для лучшего понимания, я дал также цвет bg. http://jsfiddle.net/avijitkr/mymj1gfb/2/ –

Можно ли заставить div взять высоту экрана

ответ

Смежные вопросы