Браузер игнорируется css высота и ширина

Question

Я пытаюсь создать iframe, который покажет полную страницу внешнего сайта с верхним div. Проблема заключается в том, что все браузеры игнорируют ширину & height css. Это то, что мой КСС

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

При просмотре site он игнорирует ширину и высоту, что делает IFrame не на весь экран. Когда я просматриваю источник в браузере, не хватает ширины &. Любое исправление к этому?

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%; 
}