如何更改自适应iFrame的高度？

Question

我的iFrame的高度太短，但是如果我将其从100％更改，它不会更改容器，只会更改滚动高度。

我如何使我的集装箱更高？

这是Bootstrap框架，要使iFrame响应，我需要某些代码，如果更改高度，则iFrame的滚动高度也会发生变化。

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

请更改iFrame容器的高度

Answer 1

我认为您不能使用（℅）表示高度，您应该将min-height和max-height属性与（PX）配合使用，然后检查是否需要响应式！

Answer 2

通过在容器的height属性上添加！important，我设法找到了解决方法。

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
height: 600px !important;
}

.iframe-container iframe {
   border: 0;
   height: 100%;	
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}