如何调整窗口上的iframe调整

我试图调整窗口上的iframe元素调整如下：如何调整窗口上的iframe调整

唯一不同的是，在我原来的代码我有PDF文档src，却没有苹果网站。

src='link-to-local-pdf'

我想它的窗口大小调整，使其分别调整iframe的本身，而不是在窗口上，但只在iframe中添加滚动。你能帮我吗？

来源

2013-12-13 mathinvalidnik

所以，你要的iframe占用尽可能多的空间没有广告可能ding滚动条？ – JensB

-1

这是做什么，你想要什么。

<body> 
    <iframe id="the_iframe"></iframe> 
</body> 

#the_iframe { 
    position: absolute; 
    left: 50px; 
    right: 50px; 
    top: 50px; 
    bottom: 50px; 
}

诀窍是绝对定位，这是几乎相对其父。这个CSS给了the_iframe实际上一个50px的边际，但在整个身体窗口。

来源

2013-12-13 14:41:03 peterh

你真的尝试过吗？因为我刚刚尝试过，但它与以前没有什么不同。它不断向窗口添加滚动条。 – mathinvalidnik

对不起 - 我很高兴地告诉你，怎么做，我很高兴向你解释，它是如何工作的，但我不会调试你的脚本，如果你甚至没有尝试去理解，我解释你的。 – peterh

好吧，我不想让你调试我的脚本。我已经添加了jsfiddle的链接，我已经给出了一个非常基本的例子，并解释了我的目标。我只需要使iframe可以自动识别。我不需要窗口卷轴。 – mathinvalidnik

希望我能正确理解你的意思。下面是一个页面的例子，其中iframe自身始终适合其父窗口。

工作例如：http://jsfiddle.net/My6mj/

的javascript：

// set initial size 
$(document).ready(SetIframeSize); 

// resize on window resize 
$(window).on('resize', SetIframeSize); 

function SetIframeSize(){ 
    $("#external").width($(window).width() - 18); // added margin for scrollbars 
    $("#external").height($(window).height() - 35); 
}

HTML：

<div> 
    <br/> 
    <div id="iframe-wrapper" align="center" style="z-index: 0"> 
     <iframe id="external" src="http://www.apple.com/">dada</iframe> 
    </div> 
</div>

CSS：

body { 
    overflow:hidden; 
}

来源

2013-12-13 15:15:23 JensB

如何调整窗口上的iframe调整

回答

相关问题