我需要一个解决方案自动调节的width和height一个iframe勉强适合其内容.关键是iframe加载后可以更改宽度和高度.我想我需要一个事件动作来处理iframe中包含的主体尺寸的变化.
我尝试了一些解决方案,但没有成功.我想知道是否有一个解决方案,最好有一个易于遵循的教程.
我自己正在寻找一个简单的解决方案,用它中的内容来改变iframe的高度.
似乎规则是你不能从持有它的页面获得iframe的高度.这是因为安全性显而易见.我们应该怎么做?
我见过很多人问如何使 iframe 100% 高度。可以使用一些 CSS 轻松存档。它将使 iframe 相对于设备屏幕显示 100%。但是如何根据其内容使 iframe 100% 高度?
这是我当前根据设备屏幕制作 100% iframe 的代码:
iframe {
display: block;
background: #000;
border: none;
height: 100vh;
width: 100vw;
}Run Code Online (Sandbox Code Playgroud)
<iframe src="https://...">Your Browser Does Not Support iframes!</iframe>Run Code Online (Sandbox Code Playgroud)
在allowfullscreen和position:absolute没有除了撞毁我的网站模板的帮助。这是我在不破坏主 CSS 的情况下能做的最好的事情。请帮忙...
编辑:iframe 内容响应使用
<meta name="viewport" content="width=device-width,initial-scale=1">
所以使用javascript预设高度也不起作用。也许有一种使用高度单位的方法?
em, ex,rem等等?或者使它成为特定的百分比vw?
我想根据内容自动调整我的iframe高度,但在同一个域中,它与contentWindow.height正常工作,但在跨域的情况下,其权限被拒绝访问iframe dom.
我已经在这里阅读了所有跨域 iframe 帖子(感谢你们所有人!)和其他地方。
跨域 iframe 调整器的 postMessage 脚本? 在 Firefox 5 及更高版本中运行良好。每次在 iframe 中完美单击页面时,它都会调整 iframe 的大小。
但它在我电脑上的 IE(7 8 或 9)中根本没有调整大小。我检查了安全设置,并检查了 IE 中跨域访问的安全设置以启用。
postMessage 在 IE 中不起作用吗?- 或者还有什么需要添加的吗?谢谢
iframe ×5
cross-domain ×2
html ×2
javascript ×2
adjustment ×1
css ×1
height ×1
jquery ×1
postmessage ×1
resize ×1