Как получить полноэкранный div без iframe?

Question

Мой сайт https://saxobroko.gq имеет несколько div-ов как разные окна, и когда я убираю div-ы, они перестают вмещать всю страницу.

Я пытался использовать css, чтобы сделать его полной страницей без iframeи только с <p>Test</p>

я хочу, чтобы iframe соответствовал представлению пользователей, не имея в нем iframe.

Edit: Я буду включать код до и после.

До (не работает):

<style>
.sec1 {background-attachment: fixed;min-height: 100%;background-position: center;background-repeat: repeat-xy;}
</style>
<div class="sec1">
     <iframe src="#"></iframe>
</div>

После (Работает):

<style>
.sec1 {background-attachment: fixed;min-height: 100%;background-position: center;background-repeat: repeat-xy;width:100%;height: 101vh;}
</style>
<div class="sec1">
     <h1>Sec1 Test</h1>
</div>

Answer 1

попробуйте применить этот стиль в ifram s, которые заключены в div с sec(*) w3-center именем класса.

например:

.sec4 w3-center > iframe {
   width: 100%
   height: 100vh;
}