У меня есть страница, в которой используются теги <style>
, которые используют не внешний CSS, а тегами <style>
являются следующие медиа-запросы:
@media screen and (max-width:768px){
/* CSS */
}
Все отлично работает в Firefox, CSS для ширины 768 пикселей и ниже, только если это необходимо. Однако в IE9 CSS внутри этого медиа-запроса отображается при загрузке независимо от размера.
После того, как он загрузится, если я вообще изменил размер браузера, он будет повторно использоваться как настольная версия, как и должно быть. Таким образом, нестандартная таблица IE9, похоже, отображает все CSS, независимо от того, находится ли она в медиа-запросе, для которого она не соответствует или нет, но затем для правильного CSS, если размер браузера изменяется даже пикселем.
Кто-нибудь знает, что именно происходит с этим, или если есть быстрое решение? Единственные решения, о которых я мог подумать, будут работать над проблемой, переупорядочивая мой CSS и добавляя новый медиа-запрос, который я бы хотел избежать, чтобы упростить обновление кода.