css - メディア クエリ 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);