我的iframe本身是有响应的，但是它里面的对话框不是（甚至是div本身，因为它看起来像是对话框是有响应的）..它也是整个html页面的一部分，是有响应的。所以我基本上想要的是让div有响应
响应Iframe本身示例：（我可以玩的大小，它会好的）ResponsiveIFrame
示例作为整个页面的一部分：NotResponsiveWhenPartOfAPage
日本

$(function () {
    $("#dialog1").dialog({
        autoOpen: false,        
        width: 1400,
        height: 900,
        position: { my: 'top', at: 'top+20' },
    });
    $("#opener").click(function () {
        $("#dialog1").dialog('open');
        $(".ui-dialog-titlebar").removeClass('ui-widget-header');
        //$(".ui-dialog-titlebar").hide();
    });
});

CSS

.container1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 75%;  
}

.responsive-iframe1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

超文本标记语言

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

   <div class="container1" id="dialog1" hidden="hidden">
        <iframe class="responsive-iframe1" src="https://tviot.slika-ins.co.il/negishut.html"></iframe>
    </div>

注：我注意到如果我显示DIV本身就像（没有隐藏和id字段）-〉

<div class="iframe-wrapper"/>

它会工作得很好，并且响应迅速。但是一旦我将其隐藏并在单击时激活它（上面的jquery），它就不会工作了。我只能假设，因为我使用了“隐藏”，页面还没有识别出该元素，比例标记也不会影响它。
仅用于对话框和iframe的演示代码：https://jsfiddle.net/1gdsLoe3/1/
有点迷路了，我该怎么办？
谢谢大家