jquery - Iframe 调整大小 CORS

标签 jquery html css iframe tumblr

是否可以通过 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%对我来说不是解决方案

最佳答案

您可以使用简单的 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;”

希望这能回答您的问题! :)

关于jquery - Iframe 调整大小 CORS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32073522/

相关文章:

jquery - 当移出父 DIV 时,使 Div 不可见

javascript - 更改屏幕大小时使内容自适应

html - 在调整窗口大小时定位文本

css - 如何在 Bootstrap 3 中制作响应式工具栏?

javascript - Accordion 表 Django 模板

javascript - jQuery 禁用点击但不禁用链接

html - 是否可以跨多个域使用 HTML5 的 pushState()?

html - 悬停自动完成建议使元素消失

html - 为什么我的服务器会在 index.html 中添加神秘样式?

javascript - 如何在没有表单的情况下从 $.post(...) 方法传递 guid 或字符串?