CSS3媒體查詢沒有被拿起

我剛剛進入媒體查詢，但這個第一個問題讓我發瘋，我花了幾個小時。CSS3媒體查詢沒有被拿起

我試着以下內容：

@media screen and (max-device-width: 480px) { 
    div.logothingy { 
     z-index: 100; 
     display:none !important; 
    } 
} 
@media (max-device-width: 480px) { 
    div.logothingy { 
     z-index: 100; 
     display:none !important; 
    } 
} 
@media screen and (max-width: 480px) { 
    div.logothingy { 
     z-index: 100; 
     display:none !important; 
    } 
}

我在頭文件的末尾加載它，當我在Firebug看它它的存在。

然後我去一個對象.logothingy，它甚至沒有得到樣式，當我減少我的窗口大小。也就是說，它甚至沒有得到它，然後被覆蓋，它根本就沒有得到它。瘋了。請幫忙。

好吧，我甚至這樣做：

.logothingy { 
border:1px solid; 
} 
@media screen and (max-width: 480px){ 
.logothingy { 
z-index: 100; 
display:none !important; 
} 
}

而且它把邊界，而不是做它的其餘部分。我有這樣的頭

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

UPDATE2：我把它改成780px和它的作品，但是當它在480像素也可以向下收縮一路沒有沒有得到的造型。

來源

2012-10-12 PixMach

你爲什麼說顯示none並將z-index改爲100？ –

你的代碼看起來很好，也許有其他代碼覆蓋別的地方。這裏是一個jsfiddle.net/neilheinrich/LBUYW/。請記住，「max-width」將成爲jsfiddle結果窗口中iframe的大小，而不是整個瀏覽器窗口。 – nheinrich

我把這種造型，所以我可以確保它的作品。沒有代碼覆蓋它，因爲它應該仍然顯示爲在螢火蟲中重寫。 – PixMach

這是正確的

@media screen and (max-width: 480px){ 
}

試圖把裏面只有.logothingy代替div.logothingy，讓我們知道，如果工作

來源

2012-10-12 16:25:17

我嘗試了你的建議，但它仍然無效。在此之前，我甚至正在嘗試#logo，這是ID，但這並沒有被拾起。我也試過評論所有其他樣式表，但它仍然無法正常工作。 – PixMach

我也只是試圖在媒體查詢之前放置一個常規樣式，它工作正常。 – PixMach

即時通訊用於始終放在媒體查詢id或一般elemnts，從來沒有嘗試過類，但它應該工作。我今天半小時試圖弄清爲什麼媒體查詢不起作用，並最終導致了@media之前的行，有時你會失明（至少是我）以至於最愚蠢的錯誤，如果您的媒體查詢是正確的，錯誤應該在其他地方 –

我有同樣的電視劇，發現我已經錯過了這個：

<meta name="viewport" content="width=device-width">

在我的索引頁的頭部。添加它和媒體查詢全部踢入。

來源

2014-04-04 15:10:47 Schreyers

CSS3媒體查詢沒有被拿起

回答

相關問題