Mam stronę, która używa nie-zewnętrznego CSS w<style> tagi iw tych<style> tagi to następujące zapytanie o media:

@media screen and (max-width:768px){
/* CSS */
}

Wszystko działa poprawnie w Firefoksie, CSS o szerokości 768px i poniżej renderuje tylko wtedy, gdy powinien. Jednak w IE9 CSS wewnątrz tego zapytania o media jest renderowany na obciążeniu bez względu na rozmiar.

Jednak po załadowaniu, jeśli w ogóle zmienię rozmiar przeglądarki, to ponownie zostanie wyświetlony jako wersja pulpitu. Zasadniczo wydaje się, że nie-zewnętrzny arkusz stylów IE9 renderuje cały CSS, niezależnie od tego, czy jest w zapytaniu o media, dla którego nie pasuje, czy nie, ale następnie renderuje poprawny CSS, jeśli przeglądarka zmieni rozmiar, nawet o piksel.

Czy ktoś wie, co dokładnie się z tym dzieje lub czy istnieje szybka poprawka? Jedyne rozwiązania, o których mogłem pomyśleć, to obejście tego problemu poprzez zmianę kolejności mojego CSS i dodanie nowego zapytania o media, którego chciałbym uniknąć ze względu na łatwość aktualizacji kodu.