iframe src全宽和高度

时间:2017-08-04 17:29:22

标签: javascript php html css iframe

如何让iframe src达到全宽和高度?

例如我有像这样的iframe

setup.py

这只是<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none;width:100%;height:100&;" allowfullscreen="" src="http://www.example.com/page.php?width=100%&height=100%"></iframe> 的全尺寸宽度和高度。

当您看到此部分iframe

如果我保持这样,它将无法正常工作。即使我这样做 page.php?width=100%&height=100%

我需要在这里做到这一点 page.php?width=auto&height=auto要获取完整的iframe宽度和高度,因为如果我更改大小page.php?width=100%&height=100%

,page.php的内容将会调整大小

任何人都应该帮助我。欣赏它

1 个答案:

答案 0 :(得分:0)

传递url查询是一个开始,但您需要使用该信息来提供页面样式:

src="page.php?fullscreen=true"

这只是您可能尝试的一个粗略示例,您可能希望根据您所需要的更改样式。

<?php if (!empty($_GET['fullscreen'])) {?>
<style>
html, body {
  height:100%;
  width:100%;
}
</style>
<?php } ?>

您可以独立地执行类似的宽度和高度传递,然后在css中使用这些值:

src="page.php?width=500&height=400"

<?php if (!empty($_GET['width']) && !empty($_GET['height'])) {?>
<style>
html, body {
  height:<?php echo $_GET['height']; ?>px;
  width:<?php echo $_GET['width']; ?>px;
}
</style>
<?php } ?>