iframe src全寬和高度

Question

如何使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

任何人都可以幫助我。欣賞它

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