GOOGLE: iframe RWD

GOOGLE: iframe RWD

GOOGLE: iframe RWD


資料來源:https://sites.google.com/site/rwdbootstrapeuidesign/tips_solve/iframe_height_show_correct


一、iframe網頁設定

<body onload="resize();" >
.....
<div>     
    <iframe src="000.html" name="mainframe" width="100%" marginwidth="0" marginheight="0" scrolling="No" frameborder="0" id="mainframe" allowfullscreen></iframe>       
</div>


二、來源網頁加入下段程式碼,如本例是000.html

      (加在<head>….</head>之間

<script language="javascript">
	function reSize(){
	  parent.document.all.mainframe.height=document.body.scrollHeight; 
	} 
	window.onload=reSize;
</script>

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *