如何在引导模态中包装iframe大小

Question

实际上，我正在尝试在引导程序模式中显示iframe，但问题是iframe的内容是动态的，因此每次有人打开该模型时，大小都会改变。

像这里的模态太大，所以有很多空白

但是，当iframe中有很多物品时，它看起来就很好了

这是模式代码

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">

        <!--Content-->
        <div class="modal-content">

            <!--Body-->
            <div class="modal-body mb-0 p-0">

                <div class="embed-responsive z-depth-1-half" style="height:100%">
                    <iframe class="embed-responsive-item" src="frameticket.aspx"></iframe>
                </div>

            </div>

        </div>
        <!--/.Content-->

    </div>
</div>

Answer 1

像这样重写模态内容的高度

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">

        <!--Content-->
        <div class="modal-content" style="height:auto; max-height:400px; overflow-y: scroll">

            <!--Body-->
            <div class="modal-body mb-0 p-0">

                <div class="embed-responsive z-depth-1-half" style="height:100%">
                    <iframe class="embed-responsive-item" src="frameticket.aspx"></iframe>
                </div>

            </div>

        </div>
        <!--/.Content-->

    </div>
</div>