當燈箱打開時，CSS媒體查詢被覆蓋

Question

當屏幕小於1000像素時，我有CSS媒體查詢覆蓋元素。媒體查詢運行良好，直到我打開一個colorbox，那時媒體查詢被以前的樣式覆蓋。

我的代碼是這樣的：

master.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 （前風格重寫媒體查詢'）

爲什麼代碼被覆蓋？在窗口中觸發顏色盒會發生什麼事件？

Answer 1

這裏是colorbox的作者。我以前沒有聽說過這個問題，但可能是您在colorbox中顯示的內容的結果。

這樣的奇怪問題通常是由於人們不正確地將HTML文檔作爲ajax打開，而不是將它們顯示在iframe中。無效的HTML，腳本和樣式的混合導致各種問題。

我的猜測是，這是你的實現特定的東西。我建議嘗試在jsfiddle.net中創建一個簡化的問題展示並在此發佈鏈接，或者發送給colorbox的問題跟蹤器。