Html Iframe的父div未扩展到Iframe的高度_Html_Css_Mobile_Responsive Design

Html Iframe的父div未扩展到Iframe的高度

html css mobile responsive-design

Html Iframe的父div未扩展到Iframe的高度,html,css,mobile,responsive-design,Html,Css,Mobile,Responsive Design,我有一个加载iframe的简单页面，这个iframe在web上的高度约为1400px。这很好，但在移动设备上这是一个问题。当在移动设备上测试时，我遇到了iframe只显示到屏幕底部而不溢出的问题，这样div的高度就会扩展，我可以滚动并查看其余内容 <body> <div id="rswidget_SQCQW" style="position: relative; height: 100%; width:100%"> <

我有一个加载iframe的简单页面，这个iframe在web上的高度约为1400px。这很好，但在移动设备上这是一个问题。当在移动设备上测试时，我遇到了iframe只显示到屏幕底部而不溢出的问题，这样div的高度就会扩展，我可以滚动并查看其余内容

<body>
    <div id="rswidget_SQCQW" style="position: relative; height: 100%; width:100%">
<!-- height of 800px but should be 1440px -->
        <iframe style="visibility: visible; border: 0px none; overflow: hidden; height: inherit; width: 100%;" id="iframe-embeddedrswidget_SQCQW" name="iframe-embeddedrswidget_SQCQW" scrolling="no" src="http://localhost:8080/widget/horizontal-3-panel/18803/?" class="horizontal-3-panel-widget embedded-widget" frameborder="0px">
<!-- height of 1440px -->
        </iframe>
    </div>
</body>

关于如何让父div获得iframe的高度，有什么想法吗