Question

我正在尝试将google网站iframe设为外部网址，但问题似乎是我在Chrome中查看时有两个滚动条，或者在IOS中查看时无法滚动使用全屏iframe。这是我的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;
}

希望这有帮助

适用于PC和IOS的iframe

1 个答案: