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