将iFrame大小设置为内部元素

文章/答案/技术大牛

发布

1回答

javascript、html、css、iframe

有没有一种方法可以将iFrame元素设置为其内部元素的大小，而不包括边距？例如，如果我将iFrame设置为https://example.com，它将显示 <iframe src="https://example.com"></iframe> 我

浏览 16提问于2021-01-04得票数 1

1回答

忽略指针- iframe内的事件

html、css、iframe

我想有可能点击内部的链接iframe，并能够做任何鼠标操作附近的按钮，但仍然在内部的iframe。当我将pointer-events: none;添加到整个iframe中并尝试通过将pointer-events: all;设置为button来忽略它(我可以编辑iframe源代码)时，它看起来仍然不被接受iframe的大小必须更大，因为在按钮点击后，内容将发生变化，

浏览 0提问于2018-05-17得票数 0

2回答

使iFrame内容宽度成为iFrame的宽度

html、css、iframe

如何使iFrame内容宽度成为iFrame的宽度？question=4&site=stackoverflow"></iframe>这就是我所拥有的：在这里，iFrame的内部页面认为页面大小是我的常规页面大小，而不是<

浏览 2提问于2015-07-22得票数 1

1回答

将jquery ThickBox大小设置为auto

c#、asp.net、size、thickbox

我使用将我的帧内容显示为弹出窗口。 title='<%#Eval("Title")%>' class="thickbox"Single Image" width="180" style="max-height:

浏览 2提问于2013-05-11得票数 10

3回答

Iframe调整大小和跨站点脚本

javascript、iframe、resize、xss

我有一个iframe加载外部网站。我希望iframe根据内容高度调整到100%大小，这样我就不会得到滚动条。将iframe高度设置为100%不起作用。我想出了两个解决方案：将两端的document.domain属性设置为相同的域，这将使iframe内容访问父窗口。可以从iframe内部启动调整大小的方法。

浏览 3提问于2012-06-28得票数 0

1回答

如何在Javascript中将焦点设置到iframe中的div元素？

javascript、iframe

我无法将焦点设置到iframe内的元素。我在iframe中的页面有一个id为"packagetab2“的div。在这个iframe中，我有一个Javascript函数，通过onclick在iframe中的一个元素来调用。注意--此场景来自iframe内部。

浏览 29提问于2019-04-10得票数 0

1回答

从facebook访问父窗口

javascript、jquery、facebook、iframe、width

我正在尝试从facebook内部的iframe (应用程序)访问jQuery的浏览器宽度。问题是我们不允许访问iframe的父元素，所以我尝试从$.post()查询( jQuery用它写入窗口)获取它，但是由于它是HTTP查询，所以没有加载窗口参数。我的意思是，如果在默认情况下有浏览器参数，那么我可以调整我的主页的大小。谢谢你帮我，我很感激！

浏览 1提问于2013-09-04得票数 0

回答已采纳

1回答

我正在嵌入一个来自第三方站点的iframe。我无法控制它，所以我不能改变iframe中的任何东西，除了宽度和高度，这可以是绝对值或百分比值。我希望iframe的内容是响应式的，所以我将容器的CSS宽度和高度设置为100%，并且iframe本身有完整大小的div (同样是100%/100%)。问题是浏览器会将默认的8px边距添加到iframe的正文中，因此会出现水平滚动条。当我用Dev Tools禁用这个边界时，一切都能正常工

浏览 5提问于2016-05-10得票数 2

1回答

我不能调整高度

html、iframe

无论我尝试什么，我都不能在我的网站上调整iframe的高度。我尝试过height="100%"和CSS height: 100%; 链接到它和我的代码(检查)

浏览 3提问于2022-05-22得票数 0

回答已采纳

1回答

在移动浏览器上确定iframe的父容器在iframe中的宽度

javascript、html、iframe、cross-browser、cross-domain

我们的客户拥有自己的HTML页面，我们将这些页面的某些内容作为嵌入式iframe元素提供。(这意味着它们的内容和我们的内容有不同的域起源。)它们通常提供一个包含我们的div元素的iframe元素。换句话说，iframe的维度比它的父div更大(更宽)。(这在桌面浏览器上不是问题。) ，所以问题是：iframe代码如何确定其父元素(特别是跨域)的真正大小？我所能得到的最好结果似乎是iframe本身及其

浏览 2提问于2017-01-13得票数 0

1回答

在保持高宽比的同时将整页缩放到veiwport

html、css、web

我有一个带有小游戏的页面，我设计它的UI可以使用一个分辨率为1280x800 (或大约)的视口。我希望在不同大小的屏幕上保持这种外观，允许页面占据视口宽度的100%，并相应地调整高度。最初，我使用<div id = "wrapper">包围<body>标记中的所有元素并设置width:100%;，但这个页面有许多元素设置为position:absolute;，这意味着当页面的其余部分相应地调整大小时这还可以避

浏览 2提问于2016-02-25得票数 0

回答已采纳

1回答

在Chrome中iframe的大小不正确

html、css、google-chrome、iframe、safari

我有一个iframe元素，它在Safari5.1.5中大小合适，但在Chrome中不合适。此元素的CSS为： overflow: hidden; height: 80%; border: 1px solid #DEDEDE;="0" scrolling="no" src="foo" height="80%" width="100%&quo

浏览 1提问于2012-03-30得票数 1

1回答

iFrame报告内部元素高度不正确

javascript、css、iframe、resize、height

使用通过Google可以轻松找到的许多示例中的一些，我已经编写了代码来调整iframe的大小以适应其内容(通过php动态生成)。它是有效的，但有一个问题，尽管我进行了多次搜索，但还是找不到解决方案。我已经知道这是因为iframe报告的scrollHeight比其内容的高度实际要大，当然，如果您将元素的高度设置为比内部更大的高度，则底部将会有空白空间。我进一步调查后发现，iframe报告的元素的实际个体高度也大于它们的实际高度。例如，在

浏览 0提问于2017-12-16得票数 3

2回答

无法让单词包装在iframe文本编辑器中工作

javascript、jquery、html、css、iframe

我已经在编辑器中添加了可调整大小的jQueryUI，但是我很难将单词包装到work.Can，任何人都会向我介绍如何使用word-wrap: break-word;，以便在单词之间没有空格时将文本包装起来">Tahoma</option> </select><div id="iframewrapper&

浏览 2提问于2014-05-30得票数 0

回答已采纳

2回答

无法从iframe设置父隐藏输入！

php、javascript、html

我在我的主页上有一个iframe，这个iframe主要使用php代码(src是php文件)。在这个iframe的底部，我有这个：在主(父)文件中，我有这个隐藏的输入，我试图用js从iframe设置它： <input type="hidden" id="qry_str" na

浏览 0提问于2010-01-11得票数 0

回答已采纳

2回答

将HTML作为Iframe，但以儿童为内容

html、css、iframe

是否有可能让HTML5 <div> (或任何其他元素)表现为它是一个iframe，但是使用从它的子元素而不是从URL加载的内容呢？例如，如果要在主文档中设置此设置： width:500px;foo.html的含量为<

浏览 2提问于2016-10-18得票数 0

1回答

将iFrame高度设置为完整内容

html、iframe

所以我考虑了iframe，但是我不能让它正确显示。我希望页面加载到从属页面内容的完整高度，并相应地更改。我想要尽可能简单的代码来避免混淆，因为我对此的理解是有限的。这是我尝试过的代码您的浏览器不支持如果我把iframe高度设置<e

浏览 2提问于2019-01-22得票数 0

1回答

Javascript从scroll事件获取原始数据

javascript、jquery、scroll

有没有一种方法可以在不使用scrollTop和scrollLeft的情况下将滚动事件应用于多个元素？我之所以要这样做，本质上是因为我找不到一个可靠的方法来调整iframe的高度以适应它的内容(如果内容包含没有指定高度的元素，就会有一些非常奇怪的地方)。因为我不能可靠地调整iframe的高度以适应其内容，所以我将iframe高度设置为此视区的高度，并将其设置为垂直滚动其内容，但我无法将ifra

浏览 0提问于2013-07-11得票数 0

回答已采纳

2回答

我需要从ifram获取高度属性值，并设置父元素来包含它

javascript、jquery、iframe

我将在以后收到一些动态生成的iframe内容，并尝试创建一个无论高度如何都能很好地适应iframe的模板。因此，我想编写一个jquery脚本来读取iframe中的height属性的值，这样我就可以将父元素设置为相应的大小。我不确定怎么做是访问iframe中的height属性...我假设最简单的做法是从父元素运行脚本来获取iframe高度，然后设置它自己的高度。我也希望ifr

浏览 4提问于2012-04-24得票数 2

1回答

Android4.xHTML缩小包含iFrame的div会导致iFrame内容被截断

javascript、android、css、iframe、webkit-transform

我有一个带有包含iFrame的div的网页。我已经应用了webkit-transform来缩小div：。在桌面浏览器和iOS上，这都很好用，但是在Android4.0.x上，iFrame的内容似乎被截断了。截断的数量与缩放发生的数量成比例，即如果我将div缩小到0.5，则只有50%的缩小的iFrame可见。。iFrame覆盖了正确的区域，但可见内容甚至只有50%。

浏览 0提问于2014-01-30得票数 0

点击加载更多