Question

我之前尝试在iframe中执行此操作。现在我在DIV中工作了，但我很难获得我需要的属性。

当试图改变＆＃39; siteloader＆＃39;它出于某种原因忽略了嵌入式网站，因此我无法将嵌入式网站更改为100％的宽度和高度。然而，我可以为“坐式小贴士”的背景做这件事。格。

我已经附上了我的所有代码和截图

CSS

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">    </script>

<style type="text/css">

body {
    background: #000;
    margin: 0;

}

#siteloader {
    background: white;
    width:100%;
    height:100%;
    border:none;
    position:fixed;
    top:0px;
    marginwidth:0;
    hspace:0;
    vspace:0;
    z-index: ;

}


</style>

HTML

<body>
    <div id="siteloader">
        <script>
        var page, randomcontent=new Array()

        randomcontent[0]="http://sandberg.nl/manifesto"
        randomcontent[1]="http://wikipedia.org"
        randomcontent[2]="http://iamsterdam.com"
        randomcontent[3]="http://therevolvinginternet.com/"

        page = randomcontent[Math.floor(Math.random()*randomcontent.length)]

        $("#siteloader").html('<object data=' + page + ' >');
        </script>

    </div>    
</body>

Screengrab

enter image description here

Answer 1

正如我原来的评论所述，试试这个：

html,body{ width: 100%; height: 100%; }

Answer 2

尝试将此添加到您的CSS：

#siteloader object {
width:100%;
}

适用于这个小提琴：

http://jsfiddle.net/z54fZ/

DIV中加载的网站的宽度和高度属性

2 个答案: