html 如何修改iframe的高度或宽度?

2w3kk1z5  于 2023-05-27  发布在  其他
关注(0)|答案(1)|浏览(248)

我遇到了一个iframe大小的问题。所以目前,我有一个iframe,其中有一个聊天机器人按钮,我已经使用botpress将这个聊天机器人与我自己的网站集成在一起。现在的问题是由于这个iframe在右下角,如果我增加的大小聊天机器人按钮,它getscropped关闭由于有限的大小iframe。所以如何使它的sie变大,我有它的类名,在浏览器控制台看到,我需要一些css代码来修改大小。我试过了,但是不支持css

whlutmcx

whlutmcx1#

您应该能够使用CSS样式修改iframe元素,特别是使用heightwidth属性:

<iframe style="width: 100%; height: 710px;" ...>
</iframe>

第二种选择,你可以尝试使用widthheight的iframe属性:

<iframe width="100%" height="100%" ...>
</iframe>

你提到它似乎不能从CSS中工作,这可能是因为它从父元素继承了大小,但这是推测,因为你没有发布代码参考。如果是这种情况,你可以使用!important关键字来强制iframe的样式大小:

<iframe style="width: 100% !important; height: 710px !important;" ...>
</iframe>

上面是内联样式,如果你想让它与iframe CSS类选择器一起工作:

.myIframeClass {
  height: 100%;
  width: 100%;
}

如果你需要覆盖继承的大小调整,那么在CSS类选择器样式中也可以使用!important关键字:

.myIframeClass {
  height: 100% !important;
  width: 100% !important;
}

看看这个reference,它有一些关于使用iframe的有用信息。

相关问题