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

Question

我有这套代码我想申请iframe，但它不起作用。

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

谢谢。

Answer 1

解决了...我的iframe宽度是960px，所以在你没有将宽度改为320px之前，它无法识别媒体查询!!

全部谢谢

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);