由於某種原因，CSS媒體查詢不起作用

我需要在2012年構建一個網站響應。我正在編輯style.css文件（Wordpress網站），但由於某種原因，媒體查詢不起作用。已經在線檢查了css文件，並且媒體查詢已在其中。由於某種原因，CSS媒體查詢不起作用

我在說的網站是www.carter-realestate.be 媒體查詢沒有什麼錯，我以前做過這樣的一百次。帶有媒體查詢的style.css文件處於聯機狀態，因此您可以將其檢出。

有人知道這個解釋嗎？

來源

2014-03-31 Warre Buysse

你可以發佈一些代碼嗎？ – Gab

@Gab你有一個完整的網站代碼。問題已經解決了。 –

好吧，由於問題已經解決，並且似乎已經在網站上得到修復，這個問題對於其他會遇到同樣問題的用戶而言變得不那麼重要。通過簡單地發佈代碼片段，當原始網站的代碼得到修復時，問題仍然有意義。 – Gab

您需要添加一個空格之間「與」和「（」

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

來源

2014-03-31 21:10:35 Jack

我該如何監督這一點。非常感謝。 *尷尬* –

試圖將其更改爲：

@media only screen and(max-width: 900px){ 
    body{ 
     background-color: red !important; 
     color: blue; 
    } 

    h1{ 
     font-size: 15em; 
    } 
}

來源

2014-03-31 21:02:15

某些樣式在我的媒體查詢中發生了變化，有些則不是。添加！重要的固定這個。 –

有你的頁面，我們重新編寫@media規則上的一些腳本

看看你的源代碼在style.csss我看到：

@media all and(max-width: 900px){ 
body{ 
    background-color: red !important; 
    color: blue; 
} 

h1{ 
    font-size: 15em; 
} 
}

但（通過火狐）檢查出來的螢火蟲我看到DOM改爲代碼：

@media not all { 
    body { 
     background-color: #FF0000 !important; 
     color: #0000FF; 
    } 
    h1 { 
     font-size: 15em; 
    } 
}

某處腳本重新寫@media規則「不是所有的」。

嘗試禁用WordPress插件中的所有腳本並刷新頁面。如果這不起作用，請編輯HTML並註釋掉所有剩餘的腳本加載。然後逐個添加一個腳本或插件，直到找到哪個正在重寫DOM。

來源

2014-03-31 21:42:58 jpostdesign

由於某種原因，CSS媒體查詢不起作用

回答

相關問題