2015-05-20 4 views
1

Я попытался создать модальное окно с полной высотой, даже если содержимое мало. Я установил css min-height: от 100% до .modal-dialog и попробовал различные другие варианты. Но min-height не работает для модального окна.min-height не работает для модального окна bootstrap

Мое требование:

Даже если содержимое небольшое окно модальным должно быть в полноэкранном режиме

Если содержание огромно модальное окно должно иметь полосу прокрутки, и должны включать в себя все содержимое.

+0

применяются как 'высота: 100%' и 'min-height: 100%' –

+0

Я тоже пробовал, но не работал – ShafiVayyattukavil

+0

попробуйте использовать 'min-height: 100vh;' –

ответ

2

Вы можете использовать высоту 100%, только если объект находится внутри элемента с известной высотой. Если родитель не имеет высоты, браузер не имеет ничего общего.

Решение в чистом CSS:

.my-div { 
position:fixed !important; 
position:absolute; 
top:0; 
right:0; 
bottom:0; 
left:0; 
} 

Вы можете установить в функции Jquery, где вы откроете диалог:

$('.my-div').css('height', window.innerHeight);