gpt4 book ai didi

iframe - iframe 中的自动高度内容(CORS?)

转载 作者:行者123 更新时间:2023-12-05 01:19:58 25 4
gpt4 key购买 nike

我正在与客户合作。他们的网页正在使用这个 DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我需要将内容传送到他们网站上的页面。我的内容看起来像这样

    <div style="height:1000px">
<iframe frameborder="0" src="..." width="550" height="220"></iframe>
<br/>
<br/>
<iframe frameborder="0" src="..." width="550" height="220"></iframe>
</div>

我可以通过给他们几行 css 和 iframe 来将内容放在客户页面上:

<style>
.iframecontent
{
background-color:blue;
position: relative;
height: 100%;
width: 100%
}
</style>

<iframe class="iframecontent" frameborder="0" src="..." width="100%" scrolling="no"> </iframe>

因为内容的高度是动态的,所以我无法向客户端提供特定高度 - 相反我需要它来拉伸(stretch)。

我已经阅读了很多帖子,但我仍然不确定执行此操作的最佳方法。可能是 CORS?还有别的吗?

这里提供了一种解决方案:http://sly777.github.com/Iframe-Height-Jquery-Plugin/ - 它在同一个域上工作,但对于跨域对话,它依赖于 PostMessage,这是一个 HTML 5 的东西。

我试过了 http://blog.johnmckerrell.com/2006/10/22/resizing-iframes-across-domains/但无法使其正常工作。

我可能只是让客户将框架设置为 1500 像素,这样它就应该适合我在内容中选择的任何内容并完成它,但是有没有更好的方法?

最佳答案

你能先设置 html,body{height:100%;} 然后你的 iframe{height:100%} 吗?

百分比高度直接取决于它的父元素( block 元素)的高度。即:iframe 是什么的 100%?在这种情况下,它的父级是正文。

关于iframe - iframe 中的自动高度内容(CORS?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13295314/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com