iframe 如何全屏显示？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe 如何全屏显示？相关的知识，希望对你有一定的参考价值。
想让iframe中的网页全屏，应该怎么做？
我现在的代码是这样的：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
#contentwidth:100%;height:100%
</style>
</head>
<body>
<div id="content">
<iframe src=""></iframe>
</div>
</body>
</html>
只能显示在很小的地方
我是初学者，请问有没有什么简单的方法可以实现全屏显示？
<iframe src=""></iframe>
</div>这个div下面，这个div控制大小了，怎么全屏，蛋疼。追问
修改代码如下：
<div id="content"style="width:100%;height:100%">
<iframe src=""></iframe>
</div>
还是不对。。。效果如上图，求助大神，怎么破。。。
哎，蛋疼，我加你吧，我给你看看。你留下你的号
参考技术A <iframe src="" width="宽度" height="高度"></iframe>iframe自动全屏使状态栏消失
【中文标题】iframe自动全屏使状态栏消失【英文标题】：Iframe auto fullscreen makes status bar disappear 【发布时间】：2017-03-09 17:04:13 【问题描述】：我通过将 iFrame 加载到 UIWebView 中来显示 youtube 视频（和其他类型的视频，如dailymotion）。
这是 iFrame 字符串：
let iFrameHtmlString = String(format:"<iframe class=\"youtube-player\" type=\"text/html\" width=\"100%%\" height=\"300\" src=\"https://www.youtube.com/embed/%@?autoplay=1\" frameborder=\"0\"></iframe>", youtubeId)
我将它加载到 UIWebView 中：
webView.loadHTMLString("<body>" + iFrameHtmlString + "</body>", baseURL: nil)
=> 我的状态栏已经消失，直到我终止应用并重新启动它才会出现。
知道如何解决这个问题吗？
【问题讨论】：
您是否有更多代码显示约束或框架，或者如果您使用相同的 UIWebView 显示普通网页，可能会有什么？ 我不确定 iFrame 与 UIWebView 的工作方式，但没有更多代码可看。 UIView 本身工作正常，我可以毫无问题地旋转屏幕并返回。当您单击 UIWebView 上的框架时，它会在全屏中启动看起来像 ViewController 的东西。我想问题来自那里，但我无法控制。 【参考方案1】：最后我解决了它，将 UIViewControllerBasedStatusBarAppearance 设置为 YES（之前是 NO），因此状态栏外观不受 iFrame 显示的全屏视图控制器的影响。
【讨论】：
但这会导致状态栏一直是黑色的......我不能让白色 如果您使用带有导航栏的 UINavigationController，请使用 navigationBar.barTintColor = UIColor.white，并且可能使用 navigationBar.isTranslucent = false。如果没有，问题可能出在其他地方。以上是关于iframe 如何全屏显示？的主要内容，如果未能解决你的问题，请参考以下文章