iframe css media 失效

当使用@media查询来设置iframe的样式时，有几点需要注意：

1. 在设置iframe样式时，确保正确地引用了iframe元素。例如，如果iframe元素的id为"myFrame"，则可以使用如下方式设置样式：

#iframeId {
  /* 样式设置 */
}

2. 在设置@media查询时，确保在媒体查询中正确引用了iframe元素的id。例如，如果要在最大宽度为600px时设置iframe样式，可以使用如下方式：

@media (max-width: 600px) {
  /* 设置iframe样式 */
}

3. 确保在设置@media查询时，媒体查询的条件与iframe元素所在的父容器的条件相匹配。例如，如果嵌套iframe的容器是一个具有最大宽度为600px的元素，则可以使用如下方式设置样式：

.container {
  max-width: 600px;
}

.container iframe {
  /* 设置iframe样式 */
}

如果以上步骤都正确执行，但仍然无法使@media查询生效，请检查其他可能的原因，例如是否存在其他样式规则覆盖了@media查询中的样式，或者是否存在错误的CSS语法