我在包装器中有一个iframe。包装器的宽度= 350px，高度= 450px。 iframe获取此包装器的高度和宽度。
我的问题是当我使用bootstrap的实用程序类时，例如。 hidden-xs，即使在桌面上也可以应用。根据窗口大小而不是iframe大小，这些响应式样式是否有任何实际应用方式。 CSS在iframe中加载。
我按照iFrame and media query issue尝试了一下，但它似乎对我不起作用。
答案 0 :(得分：0)
首先，
因为iFrame只是一个显示外部HTML文件的窗口，这意味着iframe本身就是一个窗口/浏览器屏幕。因此，您必须首先使其响应：
https://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/
之后，您必须将引导类或其他内容应用于iframe中显示的外部html文件。 换一种说法 创建另一个html文件， 链接引导程序， 按照你想要的方式设计html，然后在iframe上显示它。
我为自己的网站做了同样的事情，但尚未完成，但请先了解一下。
http://urbanphenomena.net/shukri/#page3
如果您不想更改iframe ...尝试在div，类或其他内容之外添加iframe，以便类的CSS不会影响iframe <\ n / p>