iframe src 全宽和全高

Question

我怎样才能使 iframe src 成为全宽和全高？

例如我有这样的 iframe

<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

我需要什么来做这个 page.php?width=100%&height=100% 去完整的 iframe 宽度和高度，因为如果我像这样更改大小，page.php 的内容将被调整大小page.php?width=200&height=200

请任何人帮助我。欣赏一下

Answer 1

传递 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 } ?>