如何设置全屏iframe？

HTML 中的 iframe 代表内联框架。 “ iframe ”标签在文档中定义了一个矩形区域，浏览器可以在其中显示单独的文档，包括滚动条和边框。内嵌框架用于在当前 HTML 文档中嵌入另一个文档。对于全屏 Iframe，您必须覆盖整个视口。

全屏 iframe 的步骤：

将 html body、div、iframe 标签的页面浮动边距重置为 0px：

html 
{
 overflow: auto;
}
 
html, body, div, iframe 
{
 margin: 0px; 
 padding: 0px; 
 height: 100%; 
 border: none;
}

在 CSS 中转换 iframe 标记行为

iframe 
{
 display: block; 
 width: 100%; 
 border: none; 
 overflow-y: auto; 
 overflow-x: hidden;
}

例子：



  

    full screen iframe

输出：

示例 2：使用。



  

    full screen iframe


    
        
  
            <body>
  
            </body>

输出：

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。