Question

我制作了一个Web应用程序，其中我使用视口高度来设置许多项目的高度，因为现在必须将该应用程序加载到另一个网页的iframe中；现在的问题是，它不是从iframe而是从父页面获取vh引用。

有没有一种方法可以根据iframe本身设置vh或可以抵消我在该iframe中的所有vh值？

父网页：

<html>
    <head>
        <link rel="stylesheet" href="css/view.css" />
        <link rel="stylesheet" href="css/icon.css">
        <script src="js/view.js"></script>
        <script src="js/live-reload.js"></script>
    </head>

    <body>

        <div id='splash' class='splash'>
            <img src="img/loader.gif" alt="">
        </div>

        <div class="drag" id="drag">
            <div class="window-buttons">
                    <i class="material-icons"  onclick="minWindow();">remove</i>
                    <i class="material-icons"  onclick="maxWindow();">crop_square</i>
                    <i class="material-icons"  onclick="closeWindow();">close</i>
            </div>
        </div>     
        <iframe id='webview' nwfaketop nwdisable/>

    </body>

</html>

问题是iframe中加载的Web应用在各处都使用了vh，我认为将所有代码都放在这里不是个好主意。

CSS：将样式表中的所有vh值偏移一些，还是从iframe中获取vh？

0 个答案: