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

Question

即使内容很小，我也尝试创建一个具有全高的模态窗口。我将 css min-height:100% 设置为 .modal-dialog 并尝试了各种其他选项。但是 min-height 不适用于模态窗口。

我的要求是：

即使内容是小模态窗口也应该是全屏的

如果内容很大，模式窗口应该有一个滚动条并且应该包含所有内容。

score 2 · Accepted Answer

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

纯 CSS 中的解决方案：

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

您可以在打开对话框的 jquery 函数中进行设置：

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

score 0 · Accepted Answer

尝试这个

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

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

2 回答 2