在另一个中嵌入和HTML文档:如何使其自动调整大小?

时间:2011-11-08 20:54:37

标签: html

我有一堆html帮助文件,我的老板也希望它们都在一个巨大的文件中,用于打印。我想将它们全部嵌入到单个html页面中,我需要<object/>自动调整大小以适应整个页面页面中。

这样做:

<object type="text/html" data="My.html"/>

如果有人有更好的建议,请以另一种方式开放,但这只是一个非常简单的任务,所以我希望尽可能地保持简单。

全部谢谢!

编辑: 这是我用于测试目的的所有html。

 <!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">

    <head>

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Default</title>
    </head>

    <body>
        <iframe  style="height:100%;width:100%" src="test.html"/>
    </body>

    </html>

嵌入式文档:

 <!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">

    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Default</title>
    </head>

    <body>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

    </body>

    </html>

1 个答案:

答案 0 :(得分:2)

使用:

<object style="width:100%;height:100%;" type="text/html" data="My.html"/>

这对我有用(IE 9.0,Firefox 7.0.1)。

enter image description here

enter image description here

enter image description here