引导3-根据屏幕大小设置模式窗口的高度

我正在尝试使用Bootstrap3模式对话框创建一种响应性的megamenu。我想将整个模式窗口的宽度和高度设置为视口的80%，同时将模式主体设置为最大高度，以避免在大视口上填充整个屏幕

我的HTML：

&lt；div class=“模态衰减”&gt；
&lt；div class=“模态对话框模态菜单”&gt；
&lt；div class=“模态内容”&gt；
&lt；div class=“模态标题”&gt；
&lt；button type=“button”class=“close”data dismission=“modal”aria hidden=“true”&gt；x&lt/按钮&gt；
&lt；h4 class=“模态标题”&gt；模态超级菜单测试&lt/h4&gt；
&lt/部门&gt；
&lt；div class=“模态体”&gt；
&lt；div class=“行”&gt；
&lt；div class=“col-md-3”&gt&lt/部门&gt；
&lt；div class=“col-md-3”&gt&lt/部门&gt；
&lt；div class=“col-md-3”&gt&lt/部门&gt；
&lt；div class=“col-md-3”&gt&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt；div class=“模态页脚”&gt；
&lt；button type=“button”data dismission=“modal”class=“btn btn primary”&gt；关闭&lt/按钮&gt；
&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；

我的CSS：

.modal megamenu{
宽度：80%；
身高：80%；
}
.模态体{
最大高度：500px；
溢出：自动；
}

这与宽度的预期效果相同，但“高度”参数不会给出任何结果。与此类似，模式窗口的高度始终设置为“最大高度”值。有人知道如何根据视口高度动态设置高度吗