css媒體查詢不能正常工作

我有一個div（語言模塊），它位於頁面標題上的圖像頂部。該div有一個「絕對」的位置，以便它保持在圖像的頂部。css媒體查詢不能正常工作

的問題是，當窗口的寬度被1499px下調整的瀏覽器未加載正確的CSS，因爲它使用了第二個媒體查詢（最大寬度：1500px）

其他以上媒體查詢是工作正常！

@media (max-width: 2500px) { 
    .mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;} 
} 

@media(max-width:1500px) { 
    .mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;} 
} 

} @media(max-width:1499px) { 
    .mydiv{position:absolute; top:0; left:0; padding-left: 700px;padding-top: 130px;} 
}

我需要寫這些問題的幫助。

謝謝

來源

2015-10-23 dll_onFire

你有一個我們可以看看的例子嗎？ – Paul

其實沒有。我不能上傳它在一個活的服務器 –

在最後的媒體查詢之前有一個額外的支架！

對不起，這

來源

2015-10-23 12:17:05

嘗試切換到最小寬度，看看是否能解決您的問題。或者如果這不解決它，你將不得不嘗試這樣的事情：

@media (min-width: 1500px) and (max-width: 2499px) { 
    .mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px; 
}

來源

2015-10-23 11:48:32 Paul

無法正常工作。 –

您將不得不查看CSS中的其他內容是否有衝突 - 請檢查開發工具並查看樣式來自哪裏。按f12並檢查相關元素。 – Paul

沒有什麼衝突 –

刪除粗體字標識的支架上個媒體查詢@media之前（最大寬度：1499px）。有一個額外的支架

@media (max-width: 2500px) { 
.mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;} 
} 

@media(max-width:1500px) { 
.mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;} 
} 

**}** @media(max-width:1499px) { 
.mydiv{position:absolute; top:0; left:0; padding-left: 700px;padding-top: 130px;} 
}

來源

2015-10-28 11:59:40 WhoAmI

CANT U SEE我已經從上面回答了我的問題;）？ –

css媒體查詢不能正常工作

回答

相關問題