Question

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

我的要求是：

即使内容很小，模态窗口也应全屏

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

Answer 1

仅当对象位于具有已知高度的元素内时，才能使用高度100％。如果父级没有高度，则浏览器无需引用。

纯CSS中的解决方案：

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

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

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

Answer 2

试试这个

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

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