我可以使用CSS類來將iframe中的div設置爲父窗口的寬度和高度嗎？

我想我的div全屏。
我有一個類似於下面的結構，當我的div在iframe之外時，我的方法工作，但我無法擺脫iframe。我可以使用CSS類來將iframe中的div設置爲父窗口的寬度和高度嗎？

HTML

<html> 
    <body> 
     <iframe> 
      <div id="contentDiv">Content</div> 
     </iframe> 
    </body> 
</html>

CSS

.Maximized{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width:100% !important; 
    height:100% !important; 
}

當用戶全屏播放瀏覽器我的內容的div應該去全屏以及。在我fullscreen-on事件中，我做了以下

$('#contentDiv').addClass('Maximized');

然而在div充滿IFRAME，而不是主窗口。

是否有可能通過添加類讓我的div全屏？

來源

2013-07-30 Biff MaGriff

不，您需要讓iframe進入全屏模式。

就iframe的內容而言，iframe是窗口，因此在iframe中進行全屏顯示只會使其成爲iframe的大小。但是，如果將iframe的大小調整爲完整窗口，則其內容也可以全部填滿，前提是在iframe上沒有邊框，填充或邊距。

來源

2013-07-30 22:17:53 johnr

試試這個代碼：

<iframe width="100%" height="100%" > 
<div id="contentDiv">Content</div> 
</iframe>

來源

2013-07-30 22:19:55 ops

的iframe需要src。您不能通過parent窗口直接訪問您的iframe的CSS，但這對您的情況無關緊要。您的代碼應該看起來更像：

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> 
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'> 
    <head> 
    <meta http-equiv='content-type' content='text/html;charset=utf-8' /> 
    <style type='text/css'> 
     iframe{ 
     height:100%; width:100%; 
     } 
    </style> 
    </head> 
<body> 
    <iframe src='content.html'></iframe> 
</body> 
</html>

來源

2013-07-30 22:30:43 PHPglue

我可以使用CSS類來將iframe中的div設置爲父窗口的寬度和高度嗎？

回答

相關問題