2012-02-29 11 views
1

私のメディアクエリーの中で、480px以下の解像度でファンシーボックスコールを強制終了するクイックソリューションがあるかどうかは疑問だ。ファンシーボックスを使用したアイテムは特定の解像度以下で使用されず、.htmlページに直接リンクされます(私はiFrameファンシーボックスを使用しています)。メディアクエリ内のビューポート内のファンシーボックスを無効にする

私はdisplay:noneを試しました。 fancyboxクラスでは、特定のビューポートで使用していますが、成功しません。

.fancybox-iframe { display: none; } 
+1

なぜ最初に 'viewport'を評価しないのですか? 'viewport> 480'ならfancybox +カスタムスクリプトを読み込みます(条件が真であれば、削除/削除よりも読み込みが簡単です)。条件が存在する場合、 'viewport'を検出する方法とスクリプトを作成する方法(' document.createElement( 'script'); ')に関するいくつかの質問/回答があります。 – JFK

答えて

1

メディアクエリは厄介なものです。一部のCSSプロパティは使用できますが、一部のCSSプロパティは使用できます。表示はそれらのプロパティの1つだと私は信じています。

max-widthを0pxに設定することをお勧めします。

+0

ありがとう、Playa hata。 –

関連する問題