CSS媒體查詢不起作用

你好我已經創建了一個網站，3個星期前媒體查詢和一切正常，我休息一下。現在，我再次測試該網站的媒體查詢不起作用（是的，它只是嚇壞了）。CSS媒體查詢不起作用

這裏是我的媒體查詢：

/* Media Queries */ 

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

    #ad-container, #ad, #adnum, #adnums, #adStxt, #footer { 
     display: none; 
    } 

    #adtxtspecial { 
    display: block; 
    } 

    #content { 
    padding-left: 0px; 
    } 

    #project-logo { 
    display: none; 
    } 
} 

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

    #header { 
     height: 100px; 
    } 
}

在文檔的頭部，我得到這個：

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width = device-width;">

請儘快更多鈔票回答。

編輯：這些是我需要改變的元素的原始風格。

#ad-container { 
    text-align: center; 
} 

#ad { 
    width: 900px; 
    height: 500px; 
    margin-right: auto; 
    margin-left: auto; 
    display: block; 
} 

#adnums { 
    padding: 2px; 
    background-color: #f7f6f5; 
    cursor: pointer; 
} 

#adnum { 
    color: #dd4814; 
    font-weight: bold; 
} 

#adStxt { 
    font-size: small; 
} 

#adtxtspecial { 
    display: none; 
    text-align: center; 
    font-size: 40px; 
    color: #dd4814; 
    font-weight: bold; 
    padding-top: 100px; 
    padding-left: 10px; 
    padding-right: 10px; 
}

來源

2013-07-21 S8A

你能告訴我什麼不工作嗎？ –

「不工作」並不是一個非常具體的解釋。 – Horen

@ yotam-omer更具體地說，當我調整窗口的大小時，一些對象應該消失（display：none）並且應該出現其他對象（display：block）。但是沒有發生。 – S8A

我能想到的問題是您正在使用內聯樣式。內聯樣式將覆蓋CSS部分/文件中的樣式屬性。

here's an example

我加入這個CSS：你不應該使用2個不同元素的ID相同，但對於例如它的工作原理，並演示了該問題

#content{ 
    padding-left:50px; 
}

注意。

來源

2013-07-21 16:37:10

其實我沒有使用內聯樣式 – S8A

好，但我仍然沒有看到任何問題。當我調整窗口大小並使用代碼時，元素消失。 –

更好的做法是使用類爲這種事情。看看是否將他們改爲課堂可以糾正問題。

來源

2013-07-21 17:42:08

好吧，我剛剛發現，它不能在本地工作，但是當我在localhost中打開它的工作原理！我仍然不明白爲什麼地獄它不能在本地工作，但至少它工作。 – S8A

CSS媒體查詢不起作用

回答

相關問題