如何通过css或javascript调整iframe中的宽度和高度？

文章/答案/技术大牛

发布

3回答

强制iframe YouTube视频中心适合和充分覆盖屏幕的背景使用HTML5 CSS3

html、css、video、background、youtube-iframe-api

如何强制HTML5 iframe YouTube视频中心适合，覆盖全屏窗口背景使用CSS3 HTML最终Java？例如，"“主页背景或"”顶级视频，作为iframe视频。iframe覆盖全屏(缩放)，并覆盖所有宽度和高度时，重新调整窗口。它调整尺寸，保持100%的宽度，放大高度或100%的

浏览 11提问于2014-07-04得票数 25

回答已采纳

4回答

动态调整iframe

javascript、jquery、html、css、iframe

纯粹的css解决方案还没有出现，所以我将使用JQuery方法。除了在一个场景中，当从较小的宽度调整到较大的宽度屏幕时，它工作得很好。并为该类设置宽度和高度。问题是，设置宽度和高度属性直接将它们添加到元素中，而不是类本身。因此，删除类并不会移除新的宽度和高度。

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

回答已采纳

2回答

javascript、html、css、iframe

我试着通过css，但它没有改变，知道我不能在html中改变它。 .bootbox-body iframe {width: 100%; height: 100%; } <div class="bootbox-body"><iframe style="width:100%" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"

浏览 16提问于2019-02-17得票数 0

1回答

包含响应页的iOS iFrame

ios、css、iframe、responsive-design、mobile-safari

我正在尝试将我们的页面嵌入到客户站点上，它在浏览器中工作得很好，我们的媒体查询也做得很好，但是当在idevice上的ifarme中时，嵌入的页面没有响应，并且以最大的媒体查询大小(>870px宽)显示，或者如何修复它？

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

2回答

iframe中CSS类的样式

html、css、iframe

受到新的启发，但这个问题也适用于一般情况。假设我想在一个不允许我指定外部样式或使用任何JavaScript代码的站点上包含类似这样的内容。我唯一能做的就是粘贴一个object、embed或iframe，以及其他一些简单的超文本标记语言。此外，空间的宽度只有160像素，而不是flair徽章默认需要的200像素。为了解决这个问题，我想在iframe中</em

浏览 1提问于2009-05-15得票数 1

2回答

从iframe中检测父网站的媒体屏幕大小

javascript、html、css、iframe、media-queries

我正在尝试改变iframe元素的设计，它是基于父网站(渲染iframe的网站)托管在不同的域上的。我的具体目标是仅为iPhone 5 (strict iPhone 5)更改iframe中的一些设计组件。到目前为止，我通过传递$(window).width()和$(window).height()来获取宽度和高度，然后在加载<em

浏览 0提问于2017-01-02得票数 1

3回答

使Spotify嵌入响应式

embed、responsive-design、spotify

我尝试只使用css (不起作用)，然后使用fitvids.js (作为一种奇怪的简陋的解决方案)，它只在初始页面加载时有效，有时会在底部留出很大的空白处。查看此处的示例或查看底部的代码： Dave Rupert (fitvids的制造商)说：“看起来Spotify正在施展它自己的调整大小的魔术，所以它可能不会起作用。”jquery.fitvids.js"></scri

浏览 0提问于2012-10-24得票数 4

1回答

图像比例调整

html、css、image

对于响应性图像，display:block;和max-width:100%;有一个标准技巧： display: block;}那么，是否可以通过调整容器的

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

1回答

内联更改Fancybox2 iframe

css、iframe、inline、fancybox-2

我有几种情况，我需要改变css的Fancybox iframe内联，但我还没有找到如何做到这一点。编辑--部分成功地改变了函数内的选项，改变了iframe的高度、宽度和填充，但是wrapCSS没有这样做，因此我无法调整字体的颜色或大小。我也不能将它与下面列出的其他方法结合起来。(‘thank_you’)添加一个类；方法3(在脚本

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

1回答

如何在Facebook canvas上以不同方式显示现有的rails应用程序

ruby-on-rails、css、facebook

我刚刚在facebook画布上展示了我的应用程序。然而，由于它是一个现有的应用程序，它太大了，不适合facebook的画布。所以我只是在想，我应该为我的facebook应用程序创建一个不同的css文件吗？如果我应该这样做，怎么做？或者我应该做一些其他的事情？提前谢谢。

浏览 1提问于2011-01-08得票数 1

回答已采纳

1回答

如何调整iframe的大小？(css媒体查询？)

iframe、media-queries

大家好，我希望根据浏览器窗口的大小调整iframe的大小，但我都转过身来，因为高度和宽度。如果你能给我解释一下我的困惑，我会很感激的。我知道如何使用css媒体查询根据屏幕大小使用不同的样式表，但是当我必须预定义iframe内部的高度和宽度时，这如何应用于位于另一个网站上<em

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

1回答

在JS中，我可以使用if-语句替换css媒体查询吗？

javascript、css、iframe

我希望只有当视口宽度等于或小于800 or时，iFrame才能将其高度调整为src文档的高度。还是需要对脚本应用if-语句？我只知道一些html和css，所以作为一个非程序员，我已经做了大量的研究和尝试，直到现在什么都没有起作用。iframe代码： <iframe name="

浏览 2提问于2022-04-26得票数 1

3回答

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

html、css、iframe、stylesheet

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

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

2回答

将iframe调整为小于默认宽度/高度的值

javascript、iframe

我有一个iFrame以及根据iframe的内容调整iframe大小的脚本除非iFrame应该小于300 in x 150 in，否则默认情况下这两个值会启动。我创建了一个来显示问题，似乎300 pxx150px是iFr

浏览 4提问于2014-07-28得票数 0

回答已采纳

2回答

根据窗口宽度调整iframe大小

javascript、jquery、html、css、iframe

我有一个嵌入在第三方网站的iframe，我不能以任何方式编辑它。如果我能够编辑整个页面，这就不是问题了。但是，当以%为单位设置元素的大小时，它将使用该元素的父级来调整大小。在我正在处理的页面中，父元素不会调整大小，因此这不起作用。我需要的是一种告诉iframe重新调整大小

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

1回答

如何处理放大网页时的地图

javascript、google-maps、iframe、bing-maps

我有一个包含地图的iframe网页。所以我的html看起来像这样：<iframe src="url" > <html> <body> </body> </ht

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

1回答

跨域Iframe高度处理

javascript、cross-domain

My problem：我根本没有访问外部网站的权利！我想要实现的是嵌套我的Iframe与100%的高度/宽度的实际网站到一个固定大小的div，以便我可以应用自定义滚动条在这个div。>正如预期的那样，Iframe高度和宽度100%将

浏览 7提问于2013-04-02得票数 2

1回答

在div元素中动态调整画布大小

javascript、css、html、canvas

我在一个网站上工作，我想把我放在标题标签之间的东西，使它成为页面本身的一个元素。我也想对文本做一些操作，比如添加边框。我正在尝试使用canvas元素来做这件事，我已经成功地做到了这一点，但我不知道如何让它变得更具伸缩性。function makeCanvas(){ /

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

回答已采纳

6回答

YouTube iframe* API:无法使其响应*

javascript、css、iframe、youtube、youtube-api

我正在尝试通过iFrame应用程序接口实现一个Youtube视频。我需要捕捉一些事件，所以不能单独嵌入播放器。transparent' }, 'onStateChange': goToVS });问题是，我需要让视频适应屏幕宽度，才能在手机和平板电脑上看起来很好，但在尝试了CSS之后： position: relative; padding-b

浏览 19提问于2014-04-02得票数 10

3回答

CSS规则调整iframe宽度但不调整高度。

html、css、iframe

</header> <footer>...</footer></html> #pagecontent {

浏览 7提问于2016-04-06得票数 0

点击加载更多

强制iframe YouTube视频中心适合和充分覆盖屏幕的背景使用HTML5 CSS3

动态调整iframe