Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导程序4中的完整内容iframe_Javascript_Css_Bootstrap 4 - Fatal编程技术网

Javascript 引导程序4中的完整内容iframe

Javascript 引导程序4中的完整内容iframe,javascript,css,bootstrap-4,Javascript,Css,Bootstrap 4,我正在尝试在我的页面中嵌入约会计划前端的iframe。调度程序响应迅速,当嵌入我的页面时,宽度很好。问题是框架高度很小。我试着用我能想到的任何方法改变css。我尝试了多种不同的css技巧,但都没有效果。单独使用css是否可以做到这一点?我可以访问这两台服务器。下面是我到目前为止的一张照片。如果内容是全高的,那就完美了 我在stackoverflow和web上读过多篇文章。我尝试了这个网站上的一切,没有成功 以下是我现在拥有的图像: 我希望iframe是iframe内容的完整高度。 任何帮助

我正在尝试在我的页面中嵌入约会计划前端的iframe。调度程序响应迅速,当嵌入我的页面时,宽度很好。问题是框架高度很小。我试着用我能想到的任何方法改变css。我尝试了多种不同的css技巧,但都没有效果。单独使用css是否可以做到这一点?我可以访问这两台服务器。下面是我到目前为止的一张照片。如果内容是全高的,那就完美了

我在stackoverflow和web上读过多篇文章。我尝试了这个网站上的一切,没有成功
以下是我现在拥有的图像:


我希望iframe是iframe内容的完整高度。
任何帮助/指导都将不胜感激。

我终于能够使用CSS完成这项工作。我有一个响应式样式表,它覆盖了我的css类。我添加了下面的代码,它正在为我工作。幸运的是,我可以访问iframe内容,并且知道我需要的高度。为了使其以这种方式工作,iframe内容必须已经响应。我使用了下面的代码,一切都很好。真希望我没有在这么简单的事情上花那么多时间,但我很高兴我把它做了

.embed-responsive-full {
    padding-top: 100%;
    height: 720px;
}

您需要处理内容加载事件,然后调整iframe高度。据我所知,单凭css是无法做到这一点的。
.embed-responsive-full {
    padding-top: 100%;
    height: 720px;
}