IE9 @media與Ajax加載內容的查詢問題

Question

我正在使用jQuery將內容加載到（display：none;）div。當我顯示div時，IE9正在應用錯誤的@media查詢，然後如果我調整瀏覽器的大小，則會正確回滾。

@media (min-width: 1080) { } 
@media (max-height: 500px) { } 

在這種情況下，它不是應用第一個媒體查詢，而是應用第二個媒體查詢。隨着瀏覽器的最大化，它應該是相反的。

@media (min-width: 1080) { } 
@media (min-height: 1px) and (max-height: 500px) { } 

在這種情況下，它在最大化時不應用媒體查詢。當我的瀏覽器高度最小化時，它仍然不會觸發任何一個，即使第二個應該觸發。

讓我們只是說@media查詢不適用於動態加載的內容。任何想法有什麼不對？

Answer 1

我有過類似的問題。我找到了解決方案，它是respond.js。沒有它，所有媒體查詢在IE9中運行良好。但我需要它的IE8，所以我更新到持續的版本，但沒有任何改變。然後，我從我的一個「良好工作」項目中使用1.3.0版本，並且做到了這一點。