2

画面が 1000px より小さい場合、要素を上書きする CSS メディア クエリがあります。メディア クエリは、カラーボックスを開くまでうまく機能します。その時点で、メディア クエリは以前のスタイルによって上書きされます。

私のコードはこれです：

マスター.css

#header .holder {
...
width: 960px;
...
}

mobile.css

@media all and (max-width: 1000px) and (min-width: 320px) {
  #header .holder {
  ...
  width: 100%;
  ...
  }
}

カラーボックスを開くと、Chrome の CSS インスペクタで次のように表示されます: http://i.imgur.com/mhWvF.png (以前のスタイルはメディア クエリのものを上書きしています)

コードがオーバーライドされるのはなぜですか? これを実現するために、ウィンドウでカラーボックスがトリガーするイベントは何ですか?

4

1 に答える 1

1

カラーボックスの作者はこちら。これに関する問題は聞いたことがありませんが、カラーボックスに表示しているコンテンツの結果である可能性があります。

このような奇妙な問題は通常、HTML ドキュメントを iframe で表示するのではなく、不適切に ajax として開いていることが原因です。その結果、無効な HTML、スクリプト、およびスタイルが混在し、あらゆる種類の問題が発生します。

私の推測では、これは実装に固有のものです。jsfiddle.net で問題の簡単な説明を作成し、そのリンクをここに投稿するか、colorbox の問題トラッカーに投稿することをお勧めします。

于 2012-09-27T21:52:42.693 に答える