多個CSS媒體查詢不起作用

我在HTML中包含兩個CSS文件，每個媒體屏幕查詢都爲max-width: 480px，但第一個CSS文件加載和480px媒體查詢在我的移動屏幕上工作，但第二個CSS文件480px媒體查詢不適用於包含css格式的表單。任何幫助將不勝感激。多個CSS媒體查詢不起作用

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

編輯：有媒體查詢第一個CSS文件

@media screen and (max-width:480px){ 
nav{ 
    height: 200px; 
} 

.main-pic{ 
    display: none; 
} 

.desc{ 
    max-width: 100%; 
} 
}

與媒體查詢第二個CSS文件

@media screen and (max-width:480px){ 
form, fieldset, #num_content{ 
    width: 100%; 
} 

fieldset div{ 
    width: 100%; 
} 

.options{ 
    display: block; 
    width: 50px; 
} 

}

來源

2015-06-21 blank_kuma

你能發佈更多的實際代碼嗎？媒體查詢本身沒有問題（否則它不適用於第一個），但如果我們看到整個代碼，我們可能會發現問題。 – GolezTrol

爲什麼不將兩個文件結合在一個文件中，只用一個媒體查詢？ – arslion

一個css文件具有網站的一般格式，而另一個css文件包含每個頁面的特定內容的格式 –

事實證明，這個問題在BlackBerry Z10在瀏覽器內鋪設。出於某種原因，它沒有讀取第二個css文件中的@media screen，但一切工作在我的三星手機上。

來源

2015-06-21 00:48:50

所以你想通了。好。 – arslion

我只是停留了一段時間，然後它發生在我這個問題可能在瀏覽器本身。當不同的瀏覽器表現不同時，生活是艱難的。 –

多個CSS媒體查詢不起作用

回答

相關問題