Angular Bootstrap 4 模态流体内容答案

【问题标题】：Angular Bootstrap 4 modal fluid contentAngular Bootstrap 4 模态流体内容
【发布时间】：2020-03-28 11:58:29
【问题描述】：

我正在尝试将媒体列表放入引导程序 card。但是，当我尝试放大浏览器时，媒体列表<ul/> 继续出现modal-body，它也退出引导程序card。

我如何将媒体列表<ul/> 放入card 中，而modal-body 也没有。基本上我想在放大或仅 100% 视图时将其保持在模态主体的边界内。请参阅下面的示例图片。

另外，这是我的sample code

【问题讨论】：

【解决方案1】：

这部分代码

<div class="modal-body px-0 py-0" style="height:90vh">..

为什么需要静态高度？我明白了，向下滚动模态元素或向下滚动模态元素内部是有区别的。但物理结果是一样的——客户得到信息。 BS 模态元素在静态高度下开始表现得很奇怪。尽量不要用或者可以尝试添加

.modal-body .row {overflow-y: auto;}

看看会发生什么。但主要问题是静态高度，例如 style="height:90vh" 或 class="h-100"。

【讨论】：

我明白了，我只是希望它有一个固定的高度，因为左侧的照片没有固定的高度。所以我想要一个固定高度的容器。这就是为什么我在模态上放置一个静态高度。所以为了有一个固定高度的模态，我应该在模态的内容而不是模态本身上声明静态高度？对吗？
我认为，固定高度模态的想法被高估了。正如我之前所说，引导模式在固定高度下工作不正确。更多的问题始于移动适配。您可以尝试使用不带标签
无法理解您的意思，非常感谢您提供示例。