让IFrame更大

时间:2015-11-12 13:41:36

标签: javascript html iframe

我是一个绝对的HTML和javascript初学者,我很确定,这很容易实现。 我有以下生成的IFRAME:

<script type="text/javascript">document.write("<iframe id = \"widget\" width=\"600\" height=\"140\" src=\"http://www.wetter.at/wetter/oesterreich/niederoesterreich/wiener-neudorf/widget/w600/color-standard?utm_source=widget&utm_medium="+top.location.hostname+"&utm_content="+top.location.href+"&utm_campaign=Wetter%2BWidget\" frameborder=\"0\" scrolling=\"no\"></iframe>");</script><center style="padding-top:5px; padding-bottom:5px; font-size:11px; line-height:15px; font-family:arial;"><a href="http://www.wetter.at/wetter/oesterreich/niederoesterreich/wiener-neudorf" style="color:#4787a9; text-decoration:none;" target="_blank">Das aktuelle Wetter in Wiener Neudorf</a><br/><a href="http://www.wetter.at" style="color:#4787a9; text-decoration:none;" target="_blank">Alles zum Wetter in Österreich</a></center><br />

我想将它放在屏幕中间并且更大。质量不算数,只是为了展示,这可能是什么样子。 也许你可以帮助我!谢谢!

2 个答案:

答案 0 :(得分:1)

您是否尝试过编辑宽度/高度

width=\"600\" height=\"140\"

最好给它一个类并在样式表中编辑它

<script type="text/javascript">document.write("<iframe id=\"widget\" width=\"600\" height=\"140\" class=\"iframe\" blah blah/></script>

.iframe{width:600px; height:140px; margin:auto;}

请在此之后发布您的结果

- EDIT-- 在.html文件的<head>代码中,制作一个<style> </style>代码。 接下来修改您的Iframe并添加class="iframe"

接下来在<style>中添加以下行。

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

这会将页面的宽度和高度设置为100%。 现在将其添加到.body{}属性

下面
.iframe{
width:80%;
height:600px;
margin:100px auto 0 auto;
}

您可以使用这些属性。希望这有帮助!

答案 1 :(得分:0)

试试这个:

<center><iframe width="90%" height="500px"></iframe></center>