生成IFRAME以自动调整页面大小

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了生成IFRAME以自动调整页面大小相关的知识，希望对你有一定的参考价值。

Remove the doctype and any xml namespace declarations from your header and quirks mode will take care of the rendering, additionally this fix is not compatible with IE8 rendering so we need to put IE8 in emulation mode
  1. <html>
  2. <head>
  3.     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <link rel="stylesheet" type="text/css" href="bar.css" />
  6.     <title>Title of the document</title>
  7. </head>
  8. <body>
  9.     <div id="bar">bar content</div>
  10.     <iframe id="frame" src="_"  />
  11. </body>
  12.  
  13. *******
  14. CSS
  15. *******
  16.  
  17. body {
  18. padding: 0px;
  19. margin: 0px;
  20. }
  21.  
  22. #frame {
  23. border: none;
  24. width: 100%;
  25. height: 100%;
  26. }
  27.  
  28. #bar {
  29. height: 50px;
  30. border-bottom: 3px solid #000000;
  31. }

以上是关于生成IFRAME以自动调整页面大小的主要内容，如果未能解决你的问题，请参考以下文章

怎么让iframe的大小跟随内容的大小自动调整?

禁用 iframe 自动调整大小

将 iframe 内容高度设置为动态自动调整大小

使用 jQuery 按比例调整 iframe 的大小以适合 DIV

使用 jQuery 按比例调整 iframe 的大小以适合 DIV

iframe resizer第二个没有调整大小