iframe调整CORS的大小

Question

是否可以通过tumblr在我的网站上将iframe调整为100％？ 我尝试了很多选项，但只有jQuery我得到CORS问题，尝试过插件，如： https://github.com/Sly777/Iframe-Height-Jquery-Plugin https://github.com/davidjbradshaw/iframe-resizer

仍然无法获得100％高度的iframe，例如我想要完成此页面的100％：

<iframe src="https://www.tumblr.com/tagged/sample" width="100%" scrolling="no"></iframe>

我不希望它是绝对的位置，它需要在内容之内，所以这个：Full-screen iframe with a height of 100%不是我的解决方案

Answer 1

您可以使用简单的CSS格式化iframe以填充整个页面。 看看我为你做的这个例子： https://jsfiddle.net/bjornnyborg/jx0wjvp9/

body,html {
    height:100%;
}
iframe {
    width:100%;
    height:100%; /* you can also use "100vh" */
}

请注意，如果你想使用100％的高度，所有升序元素也必须有100％的高度，包括body和html标签。

更简单的方法就是使用“height：100vh;”

希望这能回答你的问题！ ：）