css - 如何将媒体查询 CSS 规则应用于 iframe 内容

Question

我有这组代码我想应用于我的 iframe，但它不起作用。

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
#postframe article{display:none;}
}

谢谢你。

Answer 1

解决了……我的 iframe 宽度是 960 像素，所以在您不将宽度更改为 320 像素之前，它无法识别媒体查询！

谢谢大家

Answer 2

你可以使用 javascript ......也许是这样的：

var cssLink = document.createElement("link");
cssLink.href = "yourStyle.css";  
cssLink.rel = "stylesheet";  
cssLink.type = "text/css";  
frames['yourFrame'].document.body.appendChild(cssLink);