我遇到了一个iframe大小的问题。所以目前,我有一个iframe,其中有一个聊天机器人按钮,我已经使用botpress将这个聊天机器人与我自己的网站集成在一起。现在的问题是由于这个iframe在右下角,如果我增加的大小聊天机器人按钮,它getscropped关闭由于有限的大小iframe。所以如何使它的sie变大,我有它的类名,在浏览器控制台看到,我需要一些css代码来修改大小。我试过了,但是不支持css
whlutmcx1#
您应该能够使用CSS样式修改iframe元素,特别是使用height和width属性:
height
width
<iframe style="width: 100%; height: 710px;" ...> </iframe>
第二种选择,你可以尝试使用width和height的iframe属性:
<iframe width="100%" height="100%" ...> </iframe>
你提到它似乎不能从CSS中工作,这可能是因为它从父元素继承了大小,但这是推测,因为你没有发布代码参考。如果是这种情况,你可以使用!important关键字来强制iframe的样式大小:
!important
<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的有用信息。
1条答案
按热度按时间whlutmcx1#
您应该能够使用CSS样式修改iframe元素,特别是使用
height
和width
属性:第二种选择,你可以尝试使用
width
和height
的iframe属性:你提到它似乎不能从CSS中工作,这可能是因为它从父元素继承了大小,但这是推测,因为你没有发布代码参考。如果是这种情况,你可以使用
!important
关键字来强制iframe的样式大小:上面是内联样式,如果你想让它与iframe CSS类选择器一起工作:
如果你需要覆盖继承的大小调整,那么在CSS类选择器样式中也可以使用
!important
关键字:看看这个reference,它有一些关于使用iframe的有用信息。