Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS:将样式表中的所有vh值偏移一定量,或者从iframe中获取vh?_Html_Css_Iframe_Height_Viewport - Fatal编程技术网

Html CSS:将样式表中的所有vh值偏移一定量,或者从iframe中获取vh?

Html CSS:将样式表中的所有vh值偏移一定量,或者从iframe中获取vh?,html,css,iframe,height,viewport,Html,Css,Iframe,Height,Viewport,我制作了一个web应用程序,其中我使用视口高度来设置许多项目的高度,现在该应用程序必须加载到另一个网页的iframe中;现在的问题是,它不是从iframe获取vh引用,而是从父页面获取vh引用 有没有办法根据iframe本身设置vh,或者可以偏移该iframe中的所有vh值 家长网页: <html> <head> <link rel="stylesheet" href="css/view.css" /> <link

我制作了一个web应用程序,其中我使用视口高度来设置许多项目的高度,现在该应用程序必须加载到另一个网页的iframe中;现在的问题是,它不是从iframe获取vh引用,而是从父页面获取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,我认为将所有代码放在这里不是一个好主意。

请展示您的代码,将
宽度/高度:100%
设置为iframe@i15009;ץץ㪡הה我试过了,如果没有JSFIDLE或CodePen,我们做不了多少事情。这里可能的答案是: