CSS height属性错误地调整iframe大小

文章/答案/技术大牛

发布

2回答

html、css、iframe

我有这个页面，其中iframe应该加载。该框架的大小为1024x768。但由于某些原因，框架的加载非常小(可能是300x200)。我的代码目前看起来像这样： <!" href="//fonts.googleapis.com/css?/design.css"> .edetail_frame { height: 1

浏览 21提问于2019-12-10得票数 2

回答已采纳

1回答

动态恢复iframe的宽度和高度，使其内容适应良好的大小。

javascript、jquery、iframe

我试图动态地恢复iframe的宽度和高度，将其属性为变量的值，这些变量将用于调整页面加载时iframe大小上的另一个元素。控制台中有以下错误： jQuery.Deferred异常:不能读取空TypeError的属性“宽度”：不能在HTMLDocument处读取null的属性“宽度”。<iframe src="" scrolling="no" frameBorder=&q

浏览 2提问于2016-06-22得票数 0

1回答

我如何调整我的iframe保持比率的大小？

css、iframe、youtube

我试着在我的网页上调整iframe的大小，但是只有宽度变得更大了。我添加的CSS是： min-height: 100%; max-height: 100%; }但这只会调整宽度。我如何调整身高的大小以保持youtube视频的属性？我是否也必须调整周围组件的大小

浏览 0提问于2015-05-29得票数 0

回答已采纳

5回答

使IFrames可动态调整大小

javascript、html、iframe、html-table

我有下面的HTML页面，其中有三个iframe。我想允许用户使用Javascript手动调整iframe的高度和宽度。<body> <tr> <iframe id = "freebase_frame" src="" width="100%" <e

浏览 0提问于2011-10-19得票数 0

回答已采纳

1回答

在IFrame中调用页面的分辨率

iframe

有没有办法调整这个？所以基本上页面的分辨率可以基于您给出的iFrame的尺寸？例如，如果我说：和"www.abigpage.com“的内容是1000x1000，你能调整它，使其显示为其原始大小的50%，

浏览 0提问于2012-01-27得票数 0

回答已采纳

2回答

用屏幕分辨率改变内联最小高度

javascript、jquery、iframe

<iframe id="ec-frame" allowfullscreen="" style="width: 100%;min-height:659px; height:100%;" src="https我试图用调整大小的函数来改变这一点。var currentHeight = $("#test > iframe").css('min-height</

浏览 2提问于2015-12-30得票数 1

回答已采纳

1回答

如何使用iframe编写可调整大小的页面？

javascript、jquery、html、iframe、resize

我有一个头部，我希望保持相同的高度(我不知道它是什么，比如80 to )，而主体包含iframe，当浏览器调整大小时，iframe会被调整大小： ---------- ----------div上尝试过height()和css()，但是这些都不会改变iframe的维度。如果我在iframe CSS中手动指定百分比，那么调整大小是可行的，但是由于这些百

浏览 3提问于2012-04-05得票数 2

回答已采纳

1回答

Jquery -如何动态调整iframe的高度？

jquery、css、iframe

我尝试使用此代码将iframe的高度调整为浏览器窗口的高度。我看到dochit填充了适当的值，但它没有将其传递给iframe。当我使用<div>标记代替iframe时，它可以很好地调整大小。$(window).resize(function() { $("#pmividcon").css("heig

浏览 0提问于2013-05-25得票数 0

回答已采纳

1回答

我正在我的项目中使用Bootstrap，并试图让iframe在移动设备上查看时调整大小。问题是它将@media (max-width:600px)中的属性应用于该站点的桌面版本，并且它看起来被压缩了。Width可以很好地工作，但是height-auto属性在桌面屏幕上不能很好地显示。 <iframe src=".webkitallowfullscreen" oallowfullscreen=&

浏览 1提问于2014-11-06得票数 0

3回答

定义一个iframe大小，然后将其自动调整为浏览器宽度。

html、css、iframe、stylesheet

我嵌入一个iframe的定义大小{500x320} (只是为了比率)，然后我想让父容器自动调整整个iframe的浏览器宽度。但是，因为我已经定义了宽度和高度，iframe并不是真正地调整父容器的大小或响应。我还附上了一个屏幕截图的iframe是不调整浏览器的宽度。<div class="container"> <div class="

浏览 3提问于2020-01-28得票数 0

25回答

使Iframe适合容器剩余高度的100%

html、css、iframe

我想设计一个带有横幅和iframe的网页。我希望iframe可以填满所有剩余的页面高度，并在浏览器调整大小时自动调整大小。有没有可能在不写JavaScript代码的情况下，只用CSS就能完成？我尝试在iframe上设置height:100%，结果非常接近，但是iframe试图填充整个页面高度，包括banner div元素的30px高度，所以我得到了不必要的垂直滚动条。这并不完美。我尝试了在DIV上使用CSS<

浏览 28提问于2008-11-28得票数 299

回答已采纳

1回答

iframe的动态高度

javascript、html、iframe

我目前正在使用iframe的现有网站上工作(叹息！)，这是相当痛苦的工作，我有问题使iframe的高度与HTML内容的高度缩放。我真的很想使用jQuery来做这件事，但这不是一个选择，因为它想要降低页面加载的大小。

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

1回答

在IE6和IE7中加载IFrame格式

html、css、pdf、cross-browser

当我在IE7的IFrame中加载PDF时，我从窗口的右侧水平调整窗口的大小，PDF不会缩小，窗口的大小会缩小到我看不到整个宽度的地方。如果我从窗口的下角调整大小，PDF可以很好地水平调整大小/缩放。在IE6中，当我从窗口的右侧水平调整大小时，PDF可以正确地重新缩放，也可以从底部的角落重新缩放。知道为什么当我在IE7中从弹出窗口的右侧调整大小<

浏览 0提问于2010-06-23得票数 0

回答已采纳

1回答

内联更改Fancybox2 iframe

css、iframe、inline、fancybox-2

我有几种情况，我需要改变css的Fancybox iframe内联，但我还没有找到如何做到这一点。编辑--部分成功地改变了函数内的选项，改变了iframe的高度、宽度和填充，但是wrapCSS没有这样做，因此我无法调整字体的颜色或大小。我也不能将它与下面列出的其他方法结合起来。width: 50,}); 在javascript -$(This).css</

浏览 5提问于2012-12-03得票数 0

4回答

动态调整iframe

javascript、jquery、html、css、iframe

场景：，我正在进行一个响应性设计，它涉及到典型的/CSS组合。除了在一个div的内部有一个iframe之外，所有东西都很好地工作。iframe应该自动调整到父div的大小。div>.container { height: 250px;.iframe-class { height当窗口变大时，一旦<em

浏览 8提问于2014-02-19得票数 16

回答已采纳

1回答

保持“变换尺度”的纵横比

html、css、iframe、aspect-ratio

在调整浏览器窗口的大小时，我很难将'transform-scale‘属性保持在高宽比上。例如，如果调整了窗口的大小，带有transform-scale属性的iframe将缩放内部的内容，以适应iframe的宽度和高度，而无需调整站点内容的大小。以下是我想出的：<div> <iframe id="resize" src="http

浏览 3提问于2015-06-18得票数 1

1回答

使用srcdoc调整<amp-iframe>的大小？

javascript、iframe、amp-html

在使用amp-iframe属性时，是否可以创建一个可调整大小的srcdoc？要使amp-iframe调整大小， amp-iframe必须有一个溢出子元素。iframe文档必须发送嵌入大小的请求：

浏览 0提问于2018-06-15得票数 0

回答已采纳

1回答

如何在浏览器缩放中动态定位和缩放iframe

javascript、html、css、iframe

问题用户可以通过在iframe代码或url中粘贴来选择创建iframe。当窗口重新调整大小时，iframe需要保持在页面的中间和底部。我已经得到了iframe停留在页面的中间和底部的大部分时间。因为我不能瞄准iframe中的内容，所以我一直在试图找出一种方法，在iframe上应用一个比例尺，这样它就可以保持相同的大小和位置。当窗口重新调整大小时，我很难动态地计算出ifra

浏览 3提问于2013-12-20得票数 5

2回答

如何通过我的jQuery UI对话框停止在IE7/8中的adobe reader出血？

javascript、html、css、internet-explorer、adobe-reader

谢谢，丹尼斯 <iframe id="iFrameResponse" style="margin-left:250px;height:500px;width:100%" src="http://knowwheretheygo.org/media//static/content/sample.pdf&q

浏览 1提问于2011-05-13得票数 0

回答已采纳

1回答

用jquery调整iframe的响应大小

javascript、jquery、iframe

你好，我在努力调整我网站上youtube视频的大小。我希望他们能够响应，因为我正在使用jquery来实现这一点。我已经成功地做到了，但问题是我希望youtube视频的高度降低。现在它太大了。你能检查我如何减少视频的大小和保持响应性吗？); // $("iframe").width(); var height = $("iframe").css("height

浏览 1提问于2016-02-26得票数 0

回答已采纳

点击加载更多