瀏覽器忽略css的高度和寬度

Question

我試圖做一個iframe來顯示外部網站的頂部div的整個頁面。問題是所有瀏覽器都忽略了高度css的寬度&。 這是我的CSS是

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

當您查看它忽略了寬度和高度，這使得iframe的不是全屏的site。當我在瀏覽器中查看源代碼時，缺少高度&。任何解決這個問題？

Answer 1

您可以使用vh和vw。 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%; 
}