3

FF、Chrome、Safariが、オブジェクトのdisplayプロパティに介入すると、そのオブジェクトプロパティでメディアクエリが機能しなくなるように動作していることに気付きました。

そのように、私はテストhtmlコードを準備しました、ここにそれは行きます[1] ..。

この効果がないようにする考えはありますか？cssメディアクエリをjavascriptに変換することは、一般性の原則に従わないと思います...

間もなく、必要に応じて、メディアクエリとjavascriptの両方でDIVの可視性を変更したいと思います（可能な場合）。

[1]： http: //paste.ubuntu.com/1046784/（テストシナリオ）

4

1 に答える 1

5

要素の「スタイル」を直接更新すると、そのスタイルはCSSに設定されているものをすべてオーバーライドします（CSSに設定されているもの! importantとローカルスタイルに設定されていないものを除く）。

この問題を回避するには、要素のスタイルを直接操作しないでください。代わりに、1つ以上の「クラス」文字列を追加または削除し、スタイルシートにスタイル（メディアクエリの影響を受ける可能性があります）を提供します。メディアクエリを扱っていない場合でも、一般的にそのようにする方がはるかに優れています。JavaScriptコードでルートするよりも、CSSファイルのスタイルを更新する方が簡単です。

于 2012-06-18T13:32:34.420 に答える