Question

我试图制作一个iframe，它将显示带有顶部div的外部网站的整个页面。问题是所有浏览器都忽略了宽度和宽度。身高css。这就是我的CSS

iframe {
position:fixed;  
width:100%; 
height:100%; 
border:none; 
margin:0; 
padding:0; 
overflow:hidden; 
z-index:999999;}

当您查看site时，它会忽略使iframe不全屏的宽度和高度。当我在浏览器中查看源宽度＆amp;高度不见了。对此有任何解决方法吗？

Answer 1

您可以使用vh和vw uits。 1vw是视口宽度的1％，1vh是视口高度的1％：

iframe {
position:fixed;  
width:100vw; 
height:100vh; 
border:none; 
margin:0; 
padding:0; 
overflow:hidden; 
z-index:999999;
}

顺便说一下，我通过链接查看了网站。它对iframe有一点破碎的风格：

iframe {
    position: fixed;
    width: 100;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
}

宽度值没有单位，高度不存在。

以下代码有效：

iframe {
    position: fixed;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
    height: 100%;
}

浏览器忽略css身高＆amp;宽度

1 个答案: