修改iframe的

时间:2018-03-27 23:40:13

标签: html css reactjs iframe bootstrap-4

我正在制作一个包装器,尝试将我的网络应用程序放入iframe,但似乎应用程序内部的引导属性导致问题。基本上,我的应用程序使用960x540的视频,并依赖于视频的精确尺寸,而不仅仅是宽高比。当我把它放在breakpoint-lg iframe中,即宽度大于992px时,我会在边上留下不需要的空白区域:

enter image description here

但是,当我将iframe宽度降低到低于992px时(我希望它完全是960px),那么它会触发breakpoint-md并且我的视频会保持其宽高比并缩小,这打破了我的应用程序的功能:

enter image description here

我已经看到像Bootstrap custom break points这样的其他SO线程看似相似,但它们要么是不同的情况,要么没有自信/接受的答案。

任何人都可以指导我如何安全地修改这些断点,以便没有空格,并且视频保持其原始分辨率?如果有一个允许我在包装器html / css中执行此操作的方法,那也会很棒。谢谢!

0 个答案:

没有答案