在PC和IOS上工作的iframe

Question

我正在嘗試將iframe的google網站添加到外部網址，但問題似乎是，我在Chrome中查看時有兩個滾動條，或者無法滾動如果我使用全屏iframe，則在IOS中查看。這裏是我的HTML代碼：

<div style="width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch">  
<iframe src="https://sites.google.com/site/tobiaskonitzer/" 
style="overflow:scroll; position:fixed; top:0px; left:0px; bottom:0px;  
right:0px; width:100%; height:100%; border:none; margin:0; padding:0;  
overflow:auto; z-index:999999;"> Your browser doesn't support IFrames >< </iframe> 

非常感謝， 託比

Answer 1

如果使用下面的代碼，它使iframe的100％，這意味着沒有滾動條，沒有空格，正是大小與瀏覽器一樣，它使用簡單的HTML編碼：

<iframe src="mypage.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> 

還用身體0％保證金：

body { 
margin: 0; 
} 

希望這有助於