Question

我如何（跨浏览器兼容）最大化iFrame，使其看起来像是URL栏中的页面，即使它是从不同的服务器提供的？

Answer 1

我想这应该有效：

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
 <head>
  <title>Test page!</title>
  <style type="text/css">
     html, body {
        overflow: hidden;
        margin: auto;
        height: 100%;
        width: 100%;
     }
  </style>
 </head>
 <body>
  <iframe src="page.htm" width="100%" height="100%" frameborder="0"></iframe>
 </body>
</html>

编辑1：您可以使用HTML和scroll = no指令隐藏页面的滚动条（该解决方案应该是多浏览器）

编辑2：现在甚至XHTML证明;）

编辑3：最后w3验证器确定（如果在Internet Explorer兼容性问题中运行，请确保在BODY中添加scroll = no）

Answer 2

您可以将父网页的html和body标记的宽度和高度设置为100％，以及包含您要加载的网页的iframe标记。< / p>

Answer 3

使用带有事件正文加载的javascript来设置iframe height＆amp;宽度与窗户高度＆amp;宽度。

例如在jquery中：

$(document).ready(function () {
    initIframe();
});
function initIframe() {
    $("iframe").height($(window).height());
    $("iframe").width($(window).width());
}

在FF，IE和GC上测试

最大化iFrame（因此它似乎是请求页面）

3 个答案: