Question

我的网站https://saxobroko.gq具有多个div，因为它们具有不同的窗口，当我移除div时，它们将不再适合整个页面。

我尝试使用css在不使用iframe且仅使用<p>Test</p>的情况下使其全页显示

我希望iframe能够适合用户的视图，而无需在其中添加iframe。

编辑：我将在代码之前和之后添加

。

之前（无效）：

<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类名包装在div中的sec(*) w3-center中。

例如：

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

没有iframe的全屏div如何显示？

1 个答案: