2017-08-04 137 views
2

如何使iframe src全宽度和高度?iframe src全宽和高度

例如我有这样

<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具有全尺寸的宽度和只有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

任何人都可以帮助我。欣赏它

+0

@charlietfl好你给我造型内容的想法是的,我有控制的内容,所以我几乎在那里,它的工作原理:D感谢一大堆 –

回答

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 } ?> 
+0

感谢您的时间写这一切,但我已经修复它与@charlietfl是sulnce。再次感谢 –

+0

那么因为他的回答或评论在这里是不可见的,你至少应该编辑你的答案以显示解决方案,或者尝试这个并将其标记为已解决......这对其他人将来会有所帮助。 –