Css 如何根据窗口大小而不是iframe大小在iframe中应用引导响应类

我在一个包装里有一个iframe。包装的宽度为350px，高度为450px。iframe获取此包装的高度和宽度

我的问题是，当我使用bootstrap的实用程序类（例如隐藏的xs）时，它们甚至在桌面上也得到了应用。是否有任何方法可以根据窗口大小而不是iframe大小实际应用这些响应样式。CSS加载在iframe中

我尝试了按的方法，但似乎对我不起作用

首先

由于iFrame只是一个显示外部HTML文件的窗口，这意味着iFrame本身就是一个窗口/浏览器屏幕。因此，您必须首先使其响应：

之后，您必须将引导类或任何内容应用于iframe中显示的外部html文件。 换句话说 创建另一个html文件， 链接引导程序， 按照您希望的方式设计html，然后在iframe上显示它

我也为我的网站做了同样的事情，现在还没有完成，但是看看有没有什么想法

如果您不希望对iframe进行任何更改，请尝试将iframe添加到div、class或其他任何内容之外，这样类的CSS不会首先影响iframe

由于iFrame只是一个显示外部HTML文件的窗口，这意味着iFrame本身就是一个窗口/浏览器屏幕。因此，您必须首先使其响应：

之后，您必须将引导类或任何内容应用于iframe中显示的外部html文件。 换句话说 创建另一个html文件， 链接引导程序， 按照您希望的方式设计html，然后在iframe上显示它

我也为我的网站做了同样的事情，现在还没有完成，但是看看有没有什么想法

---

如果不希望对iframe进行任何更改，请尝试将iframe添加到div、class或其他类之外，这样类的CSS不会影响iframe

媒体查询基于视口，对于iframe内的内容，iframe就是视口。你想要的目前是不可能的。有几个人提出了元素媒体查询，但还没有实现。谢谢。因此，我将研究其他方法。拥有我自己的CSS类，并用设备宽度（最大设备宽度）而不是宽度定义样式会起作用，但这听起来像是一种好方法吗？媒体查询基于视口，对于iframe内的内容，iframe就是视口。你想要的目前是不可能的。有几个人提出了元素媒体查询，但还没有实现。谢谢。因此，我将研究其他方法。拥有我自己的CSS类，并用设备宽度（最大设备宽度）而不是宽度定义样式将起作用，但这听起来像是一个好方法吗？iframe确实是外部HTML文件的视口，但我不确定您是否完全理解这个问题。iframe内容是响应性的，只是不是我想要的方式。感谢您的输入，下面的问题回答了这个问题。iframe确实是外部HTML文件的视口，但我不确定您是否完全理解这个问题。iframe内容是响应性的，只是不是我想要的方式。谢谢你的意见，下面的问题回答了这个问题。