У меня есть страница, которая использует внешний CSS в теги, и в тех теги это следующий медиа-запрос:

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

Все отлично работает в Firefox, CSS для ширины 768px и рендеринга только тогда, когда это необходимо. Однако в IE9 CSS внутри этого медиазапроса отображается при загрузке независимо от его размера.

Однако после его загрузки, если я вообще изменю размер браузера, он будет отображаться как версия для ПК, как и должно быть. Так что, по сути, внешняя таблица стилей IE9, похоже, отображает весь CSS,s в медиа-запросе, для которого он неили нет, но затем отображает правильный CSS, если размер браузера изменяется даже на пиксель.

Кто-нибудь знает, что именно происходит с этим, или если естьбыстрое решение? Единственные решения, которые яЯ смог придумать, как обойти эту проблему, переупорядочив мой CSS и добавив новый медиа-запрос, который яЯ хотел бы избежать для простоты обновления кода.