通过单击按钮使用iframe调整容器的大小
是一种常见的前端开发技术，用于动态改变网页中iframe元素的尺寸。以下是完善且全面的答案：
概念： 通过单击按钮使用iframe调整容器的大小是指在网页中使用iframe元素作为容器，并通过点击按钮来改变iframe的尺寸，从而实现动态调整容器大小的效果。
分类： 这种技术属于前端开发中的动态交互效果，主要涉及HTML、CSS和JavaScript等技术。
优势：
- 灵活性：通过动态调整iframe的大小，可以根据实际需求灵活地改变容器的尺寸，适应不同的内容展示需求。
- 用户体验：通过动态调整容器大小，可以提升用户体验，使用户能够更好地查看和操作网页内容。
- 响应式设计：通过调整容器大小，可以实现响应式设计，使网页在不同设备上都能够良好地展示。
应用场景：
- 多媒体展示：通过调整容器大小，可以适应不同尺寸的多媒体内容展示，如图片、视频等。
- 动态内容加载：通过调整容器大小，可以根据内容的多少来动态调整容器的高度，以确保内容完整显示。
- 弹窗效果：通过调整容器大小，可以实现弹窗效果，如弹出层、模态框等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云存储、云函数等。以下是相关产品的介绍链接地址：
- 云服务器（ECS）：提供弹性计算能力，可根据实际需求灵活调整服务器配置和规模。详情请参考：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各类非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
- 云函数（SCF）：无服务器计算服务，支持事件驱动的函数计算，可用于处理前端开发中的业务逻辑。详情请参考：https://cloud.tencent.com/product/scf
通过使用腾讯云的相关产品，开发者可以更好地支持和优化前端开发中的动态调整容器大小的需求。
相关·内容
1回答
使用YUI，我已经创建了通过使用iframe加载到面板中的帮助页面。面板从一开始就是隐藏的，只需简单地单击帮助按钮即可显示。
在Chrome、FF和Safari中，iframe加载到适当的大小并可调整大小。在IE 10中，iframe加载时没有高度值(0px)，并且仅在第一次调整大小时可见。这将显示加载到iframe中的所有内容。在面板上禁用调整大小功能的情况下，iframe将正确加载。
你有什么建议吗？这是IE问题还是代码问题？
浏览 0提问于2013-06-05得票数 0
1回答
我的问题是当我加载iframe它是正确的设置iframe的高度，也当数据(内容)加载到iframe它是自动设置高度，但当页面加载iframe和设置高度相对页面内容，然后如果我减少或删除加载页面的内容，它不会减少iframe高度。(例如，当页面加载第一次高度设置100px和动态加载数据页面iframe高度设置为150px，当我减少数据它没有设置高度的iframe它仍然是150px)。这是我的代码：
function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow ||
浏览 1提问于2013-01-03得票数 2
我有一个需要嵌入到网站中的iframe元素(特别是一个商业智能仪表板)。在网站的“后端”上有一个"HTML编辑器“(即网站中指定给页面管理员的部分)。
复制和粘贴iframe代码，然后调整高度和宽度以适应屏幕，效果很好--但如果我在另一个屏幕上打开窗口，则iframe尺寸不会针对不同的屏幕大小进行调整。
不幸的是，我不认为我可以访问任何CSS文件在公司的网站(即，我认为我没有能力上传一个CSS文件)，所以我不太确定我能做什么，与大多数建议对此。有人知道我如何将iframe维度设置为动态的吗？
Web开发不是我的专长，所以如果我能提供更好的信息，可以在评论部分随意询问。
编辑以添加：在前
浏览 10提问于2017-04-19得票数 4
这是我们的问题-我们不知所措。
在ourdomain.com上，这是一个Wordpress站点，我们需要在colleaguedomain.com嵌入部分页面。我们不想显示页眉和页脚(我们只想要身体)。我们的同事不能为我们编辑他们的任何网站，所以有一个跨域的相同的原产地政策问题-然而，我们的同事已经给我们明确的点菜，使用任何可能的解决办法，所以这是一个技术问题，而不是一个道德的问题！
，这是我们目前正在做的事情：
在ourdomain.com上，我们在一个div中有一个iframe，其中包含溢出:隐藏。我们设置的位置:绝对的iframe与-px在顶部和左边。这让我们可以隐藏头部。但我们也在为没有
浏览 3提问于2012-10-05得票数 1
1回答
我使用Laravel 从数据库中检索图像，并在我正在创建的博客应用程序中显示它们。我决定使用'iframe‘标签，以便在博客中检索和显示图像、和视频。然而，我遇到的问题是CSS相关的，我正在尝试对'iframe‘进行样式设计，这样它就可以将其大小调整到不同大小的图像和视频，并同时保留它们的纵横比。
现在，小图像显示良好，但如果我使用大尺寸的图像，任何宽度大于800 if，图像将不会保持其纵横比和/或被剪裁。
视图(Laravel文件)：
<div class="blog_img_container">
<iframe class="
浏览 2提问于2015-01-08得票数 0
希望这个问题是有意义的。我有一个我创建的页面，我希望用户能够嵌入到他们的网站。该页面有一个div，单击按钮时会展开该div。我希望iFrame在按钮单击之前与站点的高度相同，并且希望iFrame在按钮单击后变得更大以适应展开的div的大小。这个是可能的吗？
浏览 12提问于2011-08-06得票数 0
1回答
我正在使用一个web应用程序，它能够通过html iframe包含其他网页或插件风格的内容。这个应用程序的HTML结构看起来差不多。如下所示：
这样做的问题是，当我拖动大小调整手柄时，iframe会捕获鼠标输入，我猜大小调整逻辑(JS)无法更新正确的区域大小。
我真正想要的是jsbin如何处理iframe (右列中的html输出在iframe中)：jsbin.com
你可以调整输出列的大小，但是鼠标不会抓住我的iframe，这会导致“阻塞”。
浏览 4提问于2017-08-22得票数 3
1回答
请查看获取我遇到的问题的一个(不是很性感的)示例。
我希望调整已给予jQueryUI对话框处理的iframe元素的大小。我的问题是我不确定我应该调整哪个元素的大小。我可以调整作为.dialog()函数目标的iframe的id的大小，也可以调整生成的ui-dialog类的大小，它包装了iframe。
调整iframe元素的大小只会影响对话框的高度，宽度只是被对话框隐藏。调整ui-dialog类的大小几乎可以完美地工作。大小没问题，但是按钮窗格没有粘在对话框的底部。哪种方法是正确的，我怎样才能让它充分发挥作用？
请忽略颜色，滚动条，调整大小后没有居中的事实。我剔除了示例中的所有内容--也使用div
浏览 0提问于2011-04-15得票数 0
回答已采纳
1回答
我在一个情况下，我需要我的iframe自动调整它的高度。我已经做了一些研究，并提出了一些解决方案，但我的问题略有不同。iframe中有一个表单，在单击submit按钮时会生成输出，并且我想要显示的内容的高度会发生变化。我该如何解决这个问题？
浏览 1提问于2014-02-11得票数 1
我有一个带有ID的div，我正在使用jquery修改div html。
html可以具有具有较大宽度和高度的iframe。我想要有固定宽度和高度的div。并且iframe的内容应该调整到div的宽度和高度。
帮助。
这就是我到目前为止所尝试的，但它不起作用。
<div id="myDiv"></div>
<script>
var html = // get it from somewhere e.g. <iframe width=300px height=500px ></iframe>
jQuery("
浏览 8提问于2013-06-21得票数 0
1回答
我创建了下面的plunkr来演示我当前的问题。(我知道iframe内容没有加载，但这不是问题。)在单击按钮后，我动态地在javascript中设置iframe源，我希望在iframe内容加载之前显示一个加载指示符，但是当iframe完成时，模式会关闭页面的瓶盖而不是重新对中。
我已经尝试过$('#exampleModal1').Foundation()，但是有人告诉我它是Foundation 5，现在也没有了reflow标记。
我尝试过Foundation.reInit($(‘#exampleModal1’)，它什么也不做，关闭按钮和esc/单击out关闭模式不起作用。
&l
浏览 1提问于2016-09-22得票数 1
回答已采纳
2回答
我遇到了一个奇怪的iFrame问题。我有一个搜索按钮，当单击它时，它会根据表单的值更改它下面的iFrame的源/URL。这部分工作得很好，但我似乎不能让高度适当地调整！iFrame的内容的宽度将始终完全相同，所以这不是问题，但是高度不会根据框架的动态内容自动更改:(有人知道如何/是否可以解决这个问题(不是固定的...哈哈)？对于这样的事情，iFrame不是正确的选择吗？不幸的是，IE6支持是当务之急...谢谢你能给我的任何帮助，我很感激！
浏览 0提问于2011-10-16得票数 0
回答已采纳
我遇到了一个问题，要用iframe把我的标记放在标签上。
例如，单击Map选项卡，标记没有居中。如果没有直接链接，如果没有，它看起来很棒。你可以看到。
var myOptions = {
zoom: 12,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
center: myLatlng看起来不适用于iframe选项卡。我该怎么解决这个问题？让我知道
浏览 6提问于2011-04-04得票数 1
回答已采纳
我有一个带有包含iFrame的div的网页。我已经应用了webkit-transform来缩小div：。在桌面浏览器和iOS上，这都很好用，但是在Android4.0.x上，iFrame的内容似乎被截断了。截断的数量与缩放发生的数量成比例，即如果我将div缩小到0.5，则只有50%的缩小的iFrame可见。
。iFrame覆盖了正确的区域，但可见内容甚至只有50%。有趣的是，如果比例大于1，则不会出现此问题。
这种行为在所有的Android4.0设备和一些4.1设备上都可以毫不费力地复制。
请建议解决此问题的任何工作方法。
浏览 0提问于2014-01-30得票数 0
我在弹出窗口(FancyBox)中放置了无captcha，一切都很好。(rectch1.png)但是当用户单击复选框时，captcha图像覆盖并不会完全显示。(资本总额2.png)
我的问题是，我们能自动放置覆盖用户看到指令的方式吗？(rectch3.png)或者我们可以调整覆盖的大小以适应弹出窗口中的iframe，这样就可以看到所有的东西了吗？
有什么建议吗？
recaptch1.PNG
recaptch2.png
recaptch3.PNG
浏览 3提问于2015-07-14得票数 1
回答已采纳
2回答
我的页面上有一些选项卡，在该页的一个选项卡中，我有一个iframe (#quiz_iframe)。这个iframe是一个测试框架，包含在div (.quiz-div)中。单击(.start-quiz)按钮后，将加载测试，新的div (.quiz-content)将出现在(.quiz-div)中。在测试内容中，我有另外20个div (.quiz-question)，它们是分页的，所以在单击next按钮prev之后，您可以隐藏或显示5个next/prev。
关键是，在点击.start-quiz之后，我想将iframe的高度调整到那个内容，我不知道怎么做。
现在我有了一个工作良好的代码，当第一次加载
浏览 2提问于2014-09-04得票数 1
回答已采纳
这就是我想要的要求。
如果我单击enter按钮。启动一个新的弹出窗口。
#room_iframe{
border: 0;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
min-width: 1024px;
min-height: 800px;
}
如您所见，如果用户将浏览器窗口大小调整为1024*800以下
它能做成卷轴。
但我的客户想要改变这个，以停止大小窗口，如果它是最小的1024*800
浏览 6提问于2014-03-15得票数 0
回答已采纳
我想知道是否有什么方法可以让它在iFrame中有一堆内容时，它只需要调整文档的大小，使之适合它。使iFrame中的所有内容变得更小。为了澄清，我想调整内容的大小，而不是iFrame本身的大小。
你知道我该怎么做吗？
我已经尝试了一些东西，但到目前为止还没有成功。
脚本：
<script type="text/javascript">
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=docu
浏览 2提问于2013-11-05得票数 1
对不起标题含糊不清，不知道怎么表达它。
我有一个html页面，其中有2个并排与100%的高度。我在试着把最大宽度设置在右边。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
<
浏览 1提问于2016-06-04得票数 2
回答已采纳
1回答
Facebook页面馈送-全高度
、、、、
就像标题上说的那样。我想插入一个FB页面提要，它延伸到窗口的末尾。这有可能吗?800 on是它想要的最高价格，我想，当我把它设置在iframe上时。我到处寻找答案，但没有运气。
当然，我使用过。下面是我的代码大纲，使用Bootstrap 4。
.card {
position: fixed;
width: 340px;
height: 100vh;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<d
浏览 1提问于2017-05-04得票数 0
回答已采纳
2回答
我把一个iframe为我所有的100页，我想添加“打印”按钮到那个iframe。所以每一页都有一个按钮来自iframe。但是当单击“打印”按钮时，只打印iframe页面。我想印一整页。
<input type="button" value="Print" onclick="window.self.print();" />
或
<input type="button" value="Print" onclick="parent.window.focus();" />
我试过几个
浏览 4提问于2015-01-19得票数 0
回答已采纳
1回答
我有一个网站，在那里我可以在iframe中显示信息。iframe中的信息来自Salesforce域。正在获取的数据以“培训指南”的形式出现，其中有几页。
我在两个域上都添加了javascript代码，用于固定不断变化的高度，从而删除了垂直滚动条。salesforce页面中的代码：
function retrieveInfo(){
parent.postMessage(document.body.scrollHeight, '*');
}
function showLoading(){
$('
浏览 0提问于2015-01-06得票数 0
2回答
我在我公司的一个报道网站上工作。它曾经有谷歌图表，但现在使用从spago获得的数据的highcharts。
以前，使用gogole图表，我有一个很好的菜单，当你点击一个按钮时，它会滑到整个图表的右边。这是通过z-index和相对定位来完成的，并且工作得很好。但是现在，新的图表显示在一个<iframe>中，这很不正常。
当我单击该按钮时，图表避开了滑动菜单，并下降到它的下方。z-index和相对定位似乎无法解决这个问题。我的第一个想法是将iframe放在一个div标签中，该标签具有这些位置设置，但这也不起作用。
你们中有谁有什么建议或建议吗？
浏览 0提问于2012-10-10得票数 1
回答已采纳
我已经创建了自己的用户控件。当我单击窗体上的某些按钮时，我想显示我的用户控件。但是，，我不希望像这样的东西永久地显示：
uc.Visible = true;
然后再把它藏起来
uc.Visible = false;
我希望我的用户控件表现得像上下文菜单。当我右键单击某物时，会显示我的上下文菜单，然后是，我不在乎如何隐藏上下文菜单。它是自动隐藏的：
当我点击某个按钮时，
当我移动窗户时，
当我的窗口失去焦点时
等。
如何为我的用户控件实现此行为？
浏览 0提问于2017-11-07得票数 2
回答已采纳
我正在使用Cytoscape扩展来显示从左到右的层次图。它有14个孩子和一个父母1和主要的父母。我使用节点数来计算容器的高度。然后，我在创建布局之后调用fit函数，但它不起作用。
我添加了一个fit按钮，如果在加载图形之后单击它，它就能工作了。我做错了什么？我希望在图初始化后调用fit函数。
下面是stackblitz链接：
您可以尝试单击Fit，如果单击fit按钮，则可以看到图形已正确安装，但如果刷新页面，则无法正常工作。
浏览 2提问于2021-04-07得票数 0
回答已采纳
我有一个网页，我在一个弹出式窗口中显示账单信息。此弹出窗口是DIV，而不是新窗口。在弹出窗口中有两个div，一个是按住print和close按钮，另一个是按住iframe。
原因是当单击print按钮时，将打印iframe的内容，因此不会打印print和close按钮。就像..。
<div id='popupandcenterscreen'>
<div>... print and close buttons</div>
<div><iframe></div>
</div>
因此，它是一个列表，其
浏览 0提问于2010-08-10得票数 0
回答已采纳
当你点击“图像”按钮，你将插入图像到所见即所得中。当您单击插入的图像时，您将在图像上看到一些蓝色边框。如果你在firebug中检查它的边框，你会看到它是一个插入到所见即所得的div。同样，当你比较iframe的内容和textarea的内容( tinymce存储编辑器输出的地方)时，你会看到不同的html代码。 tinymce如何从iframe映射html代码并从textarea输出html代码？ 你知道现有的编辑器是如何做到这一点的吗？
浏览 19提问于2020-02-02得票数 0
2回答
尝试让iframe在这个fs-gist 中呈现gist，以展开整个gist显示。
自定义元素fs-gist定义了以下主机CSS：
static styles = css`
:host {
display: block;
width: 100%;
height: 100%;
}
`;
并将gist呈现到的iframe将其内联样式定义如下：
style="width: 100%; height:100%;"
我们怎样才能使要点达到它的全部高度呢？
在iframe中呈现gist的代码如下所示：
firstUpdated(
浏览 3提问于2020-12-05得票数 0
回答已采纳
我正在尝试显示一个iframe，它可以指向不同的urls，并希望动态调整它的大小，以显示其内容，而不是滚动条。
我怎样才能找到这些维度？
浏览 0提问于2009-11-04得票数 0
我正在使用Youtube API，我想在触发onYouTubeIframeAPIReady()时获得视频的宽度和高度，以便调整包含此视频的iFrame (或div包装器)的大小。感谢你的帮助
浏览 0提问于2017-02-28得票数 0
<amp-iframe id="sample-resizable-iframe"
title="Resizable iframe example from 200x200 to 300x300 "
width="350"
height="450"
sandbox="allow-scripts allow-same-origin"
浏览 0提问于2020-06-23得票数 0
2回答
我想提高一个页面的加载性能，该页面有一个按钮来触发最初隐藏在页面上的弹出(使用twitter引导程序中的“模态”组件)。这个弹出体包含一个iframe，它的源被加载在页面的初始加载上，增加了大约30%-40%的加载时间。在单击按钮之前，不需要加载iframe源，该按钮将显示带有iframe的弹出窗口。如何避免在初始页面加载时加载iframe源?单击按钮时...only加载iframe源？JS可以在这里使用吗？如果是，那么如何或采用什么方法/库？是否有比将iframe隐藏在页面中的弹出以提高加载时间更好的方法？谢谢
浏览 7提问于2013-08-27得票数 2
回答已采纳
2回答
在后端处理XAML文件和C#。我一共有4个按钮。
通过单击第一个，其他三个将是可见的，而通过单击相同的第一个按钮，三个将隐藏。
虽然它们工作得很好，但我希望它们垂直对齐，而不是通过断线来水平对齐。
此外，我需要在每个按钮之前添加图像。就像一样。
请提个建议。谢谢。
这个答案，但我理解它的文本，而不是按钮。
下面是这些按钮的代码：
<Button Content ="Buttons" Click="ButtonBase_OnClick" Margin="15,15,15,15"></Button>
<Button C
浏览 0提问于2013-12-10得票数 0
1回答
为什么在函数_ready中创建带有脚本的按钮时，不能调整这些按钮的大小。(及职位)
var pos
var siz
var yBut = 150
var but
func _ready():
siz = get_viewport().get_visible_rect().size
pos = get_viewport().get_visible_rect().position
but = Button.new()
$sc/vb.add_child(but, true)
but.rect_position = pos/2
but.rect_siz
浏览 1提问于2018-10-12得票数 0
回答已采纳
1回答
iFrame自动调整大小
、、、
在“打死马”的评论开始之前，让我澄清一下我正在尝试做什么，看看是否有人可以帮助我。
我有一个带有iFrame的父窗口。iFrame中的内容是从一个单独的域加载的，我认为我的问题就是从这个域开始的，尽管它需要这样做。当页面最初加载时，我运行了以下代码：
<script language="javascript" type="text/javascript">
var reportFrame = document.getElementById('report');
function resizeIframe()
浏览 2提问于2010-06-26得票数 0
回答已采纳
我正在通过iframe在我的网站上使用facebook like按钮。
现在您必须指定iframe的宽度。由于不同语言的类似按钮，这意味着我必须将宽度设置为至少70 at。
现在我希望类似的按钮对齐到我的站点的最右边，现在我可以通过在iframe的css样式中添加“文本对齐:右”来做到这一点。iframe显示在右边，而不是一直在右边。
这是因为iframe宽度，它的70 is，例如，英语喜欢按钮只有55 is。
现在我想要的是:将iframe的实际内容与实际iframe.的右边对齐。
这里我建立了一个例子。它在div构建的右边对齐，但是因为iframe比实际的like按钮大，所以它没有完全对
浏览 8提问于2011-03-16得票数 5
回答已采纳
1回答
我正在试着测试一个带有向上/向下滑动按钮的div，让砖石像往常一样洗牌到新的地方。一旦切换按钮被按下，隐藏的项目就会上下滑动，但当我按下切换按钮时，内容会滑动得很好，但会被下面的div重叠，没有任何东西会乱动。有什么建议吗？
html
<div id="container">
<div class="item">
<h1>Title</h1>
<p>
Praesent id arcu nisl, sit amet hendrerit velit. Phasellus
浏览 2提问于2012-03-18得票数 1
2回答
我们有一个flex应用程序，在这个屏幕上需要花费大量的时间来加载，几乎60 seconds.Basically屏幕是一个非常大的形式。我想将表单划分为向导，但是客户端想要一个垂直滚动的表单。现在表单中有8个部分，每个部分有两个表单元素(大约16个表单组件)，但是我已经将每个部分划分为一个独立的组件，因为一些部分被重用了，.So整个屏幕就像
Form -分为8节，每节都是包含在中的mxml组件，几乎每个组件都包含两个在水平流中并排保存的表单组件，即：
这个屏幕需要花费大量的时间来加载。我该如何加快速度，请告诉我的方法。
另外，主应用程序加载时间并不长，这个特定的屏幕是在单击按钮时加载的，单击按钮
浏览 3提问于2011-02-10得票数 0
回答已采纳
2回答
单击按钮时，我将使用以下代码更改光标：
$("#mybutton").click(function(){
$("*").css("cursor", "url('images/cur_circle_01.png'), auto");
});
光标按预期变化，但一旦我将鼠标移到iframe上，光标就会恢复正常。
有办法解决这个问题吗？其目的是根据单击的按钮更改鼠标指针。
浏览 1提问于2013-09-18得票数 1
回答已采纳
有没有办法在滑块中部分显示前一个和下一个图像？即。如果你有3张设定宽度的幻灯片，你可以看到其中一张幻灯片的一部分(被不透明度和后退按钮覆盖)，另一张幻灯片的整个幻灯片，然后部分看到最后一张幻灯片(同样被不透明度和下一步按钮覆盖)。然后你可以在一个循环中滚动幻灯片？提前谢谢。任何想法都非常感谢。
浏览 3提问于2014-04-08得票数 3
4回答
我对iframe/设计有问题。
在到达iframe后，当您向上或向下滚动页面时，它开始在模型上放大/缩小。
当前，禁用缩放功能的唯一方法是通过将iframe源链接更改为
至
(将scrollwheel=1更改为scrollwheel=0)
是否有任何方法可以禁用iframe滚动交互，直到iframe被单击，或使用复选框/按钮或类似的东西可以切换它？
更喜欢使用jquery/php/html的答案，但是任何修复它的方法都会有帮助。
谢谢
浏览 3提问于2015-07-30得票数 3
回答已采纳
2回答
我对我页面上的div有一个问题。这是我唯一的一张，它覆盖了我页面的中间部分。在CSS中做了一些调整，我让它一直往下走。
然而，问题是视频(在div元素中)是这样偷偷溜出来的：
下面是HTML：
<html>
<head>
<link rel="shortcut icon" href="Images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="Style.css" media="
浏览 0提问于2013-05-05得票数 1
回答已采纳
我有三个iframe，我将顶部的iframe设置为50px高度，并将底部的iframe设置为50px，但我希望中间的iframe扩展以填充其余空间。有没有一种技术可以用来在任何大小的窗口屏幕上做到这一点？谢谢。
示例：
<iframe style="width:100%; height:50px;" src="headerstuff.asp" %></iframe>
<iframe style="width:100%; height:100%;" src="Content.asp" %><
浏览 0提问于2011-10-05得票数 5
回答已采纳
1回答
我想在使用HTML5的同时有一个<frameset>，我设法用html代码创建了一些东西，我想让这两个iframe可调整大小，但也是并排的，我在这两个iframe之间有一个问题，因为我的代码使它们独立调整大小，我想有一个像在旧的<frameset>中实现的大小调整。
这是我的html代码：
<body>
<div class="resizable1">
<iframe class="menu" src="menu.html"></iframe>
浏览 1提问于2013-08-16得票数 1
在使用amp-iframe属性时，是否可以创建一个可调整大小的srcdoc？要使amp-iframe调整大小，
amp-iframe必须设置允许相同来源的沙箱属性.
amp-iframe必须用可调整大小的属性定义。
amp-iframe必须有一个溢出子元素。
iframe文档必须发送嵌入大小的请求：
然后，分派以下事件：
window.parent.postMessage({
sentinel: 'amp',
type: 'embed-size',
height: document.body.scrollHeight
浏览 0提问于2018-06-15得票数 0
回答已采纳
当用户单击“增加”按钮时，我希望增加整个页面的字体大小。它将在当前字体大小的基础上增加。以下是示例代码：
<div class='parent' style='font-size:15px'>
<div class='c1'>div 1</div>
<div class='c2'>div 2</div>
<div class='c3'>div 3</div>
<div class='c4
浏览 5提问于2013-12-15得票数 1
回答已采纳
流是单击选择横幅按钮->(帧内单击上传按钮)->单击上传按钮->选择文件按钮必须用于上传，我已经使用了以下步骤和方法上传功能发生在iframe内。
期待你的建议
const mFrame=page.frameLocator('iframe[name="entity_browser_iframe_eb_banner_slides"]').locator('html');
await mFrame.locator("//a[contains(text(),'Upload')]").click();
浏览 9提问于2022-11-17得票数 0
1回答
我想将任何网站的iframe.children视频设置为div.parent背景。子iframe将始终大于父div，父div溢出将被隐藏。Iframe也将保持纵横比。我发现了一些jquery插件，但我想了解它是如何工作的。请帮帮我。
浏览 5提问于2015-09-02得票数 0
2回答
我正在尝试构建一个动态页面，上面有1-4个图表，可以根据需要添加或删除，但我遇到了一个很大的问题，在调整包含div的大小后，我似乎无法调整图表的大小。例如，如果我在页面上添加一个图形，它的宽度将是800，然后单击一个按钮添加另一个图形，它的大小应该调整为400个，但我无法实现。作为一个非常简单的模型，我有以下几点
$(function () {
$('#container').highcharts({
chart: {
type: 'line',
width: 300
},
titl
浏览 54提问于2014-05-14得票数 6
回答已采纳
1回答
如何左对齐Vimeo嵌入
、、、、
当我嵌入一个Vimeo iFrame时，内容会自动居中。我想控制iFrame的对齐，让它保持在左边。(iFrames是恶心的。)
我已经设置了一个flexbox容器(. container )，它的内部有两个flex容器。第一个容器(. player -div)中有股票Vimeo iFrame player。理想情况下，第二个容器将保存一个信贷列表。我似乎无法证明这是向左的。
HTML
<div class="example-div">
<div class="player-div">
<iframe src="
浏览 0提问于2019-08-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
