通过内容的控制iframe大小的内容以利用此功能
通过内容的控制iframe大小的内容以利用此功能
提问于 2013-09-16 05:14:49
编辑:下面是什么已经被回答了--请看下面的问题，关于这个答案产生的当前问题。
下面的代码使页面与屏幕相匹配，并且我可以将iframe大小调整为任意高度或任意宽度，并且页面不会滚动。THis是我想要的。不过，我不希望这一页被剪掉。我想要iframe伸展/收缩以适应浏览器窗口。我怎样才能有效地做到这一点？没有javascript就能做到这一点吗？如果这需要javascript，请提供一个初学者级的解释，或者一个很好的教程链接；我是JS的新手。
以下是我到目前为止所拥有的：
HTML：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div class="wrapper">
<iframe id="myIframe" src="https://#.com" border="0" scrolling="no" frameborder="0">
</iframe>
</div>
</body>
</html>CSS：
body, html {
margin: 0;
padding: 0;
}
.wrapper {
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
margin: 0;
padding: 0;
}编辑！恰好，我想在这里使用的这个特定页面在url本身中提供了一个非常有趣的控制功能！url允许大小控制。这导致我提出了一个新的问题，它涉及到使用javascript。我的新问题是：
我可以使用某种JS脚本来利用url中的大小控制吗？
<iframe id="myIframe" src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&width=1280&height=1280&secure=true&key=0202f0ddb5a3458aabf520e5ab790ab9&"要动态强制iframe内容的大小与用户的浏览器窗口匹配吗？
这将结合我原来问题的解决方案和第二个解决方案，为我的问题提供完美的解决方案。
(我在这里的目标实际上是把这个Twitch作为我的网页的背景-调整iframe的实际内容实际上是一个非常不可能的，但似乎是额外的处理这里！)
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-16 05:20:52
我认为在CSS巡演中，您想要完成的任务可以通过以下方法来完成
#myIframe {
height: 100%;
width: 100%
}Stack Overflow用户
发布于 2013-09-16 05:21:39
如果你想扩展iframe的内容那么.
您必须编写css，它将为iframe文档中的所有元素提供比例的高度和宽度。
如果iframe href不是来自您的域，那么就没有办法实现这一点。
总的来说，没有办法扩展页面的内容，使所有的东西都可以在屏幕上看到没有滚动条。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18820785
复制相关文章
相似问题
腾讯云开发者
