Css 最小高度不适用于引导模式窗口

Css 最小高度不适用于引导模式窗口,css,twitter-bootstrap,modal-window,Css,Twitter Bootstrap,Modal Window,我试图创建一个具有全高的模式窗口,即使内容很小。我将css最小高度:100%设置为.modal对话框,并尝试了各种其他选项。但最小高度不适用于模态窗口 我的要求是: 即使内容很小,模式窗口也应全屏显示 如果内容很大,则模式窗口应具有滚动条,并应包含所有内容。仅当对象位于具有已知高度的元素内时,才可以使用100%高度。如果父对象没有高度,则浏览器没有可参考的内容 纯CSS中的解决方案: .my-div { position:fixed !important; position:absolute;

我试图创建一个具有全高的模式窗口,即使内容很小。我将css最小高度:100%设置为.modal对话框,并尝试了各种其他选项。但最小高度不适用于模态窗口

我的要求是:

即使内容很小,模式窗口也应全屏显示


如果内容很大,则模式窗口应具有滚动条,并应包含所有内容。

仅当对象位于具有已知高度的元素内时,才可以使用100%高度。如果父对象没有高度,则浏览器没有可参考的内容

纯CSS中的解决方案:

.my-div {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
可以在打开对话框的jquery函数中设置:

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

.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content {
  min-height: 100%;
  height:auto;
  border-radius: 0;
}

同时应用
高度:100%
最小高度:100%
我也尝试过,但使用
最小高度:100vh无效