【发布时间】：2017-10-01 09:52:16
【问题描述】：
我有一个将在不同页面中实现的 iframe。我正在尝试在其中添加 CSS 媒体查询，以便它在不同设备上的工作方式不同。 但是 CSS 媒体查询获取 iframe 的宽度，而不是实际页面。 有没有办法用 CSS 而不是 Javascript 来做到这一点？
iframe 来自同一个域，在桌面上，它应该具有固定的宽度，而在移动设备上，我正在尝试将其设置为可变宽度。
到目前为止，我尝试使用正常的媒体查询，例如：
@media (max-width: 768px){
//css here
}
但这总是返回真，因为 iframe 是
【问题讨论】：
-
欢迎来到Stack Overflow！在此站点上，您应该尝试自己编写代码。在 doing more research 之后，如果您有问题，您可以发布您尝试过的内容，并清楚地解释什么不起作用并提供Minimal, Complete, and Verifiable example。我建议阅读How to Ask 一个好问题和the perfect question。另外，请务必使用tour 并阅读this。
-
是来自您拥有的网站的 iframe 还是来自外部来源的 youtube 等 iframe？
-
您不能使用与 iframe 本身位于同一页面上的 CSS 规则来定位 inside iframe 页面