Полифиллер response.js не работает для последнего медиазапроса в IE8

Question

У меня есть два медиазапроса в моем css (не считая печатного): @media screen and (min-width: 720px) {} и @media screen and (min-width: 1026px) {

Я использую response.js, чтобы заставить их вести себя под IE8. Странно то, что он работает отлично, за исключением последнего медиа-запроса, когда он возвращается к css перед медиа-запросами. То есть, он работает хорошо, пока окно не достигнет этого порога в 1026 пикселей по ширине.

Кто-нибудь получил представление о том, что там происходит? Вот ссылка на превью: http://bit.ly/i6ITPe

Спасибо большое за любой ответ

Answer 1

У меня было несколько проблем с этим, и я обнаружил, что он снова и снова работает. Во-первых, основываясь на форумах, которые я читал, вы не должны включать response.js от modernizr, скорее всего, они его отбросят. Также, когда вы включаете response.js, добавьте его после всех ваших таблиц стилей. Это должна быть одна из последних вещей для загрузки. Надеюсь, это поможет! =) * * Тысяча одна

Answer 2

Есть несколько вещей, о которых следует помнить при использовании response.js

1. Необходимо проанализировать CSS, сделав ajax-вызов таблицы стилей в элементе link
2. Он не может понимать динамически создаваемый CSS, например, на стороне клиента LESS, или стили, введенные через document.write, jQuery и т. Д.
3. @Import инструкции не соблюдаются внутри таблиц стилей

Надеюсь, это поможет.

Answer 3

Я не уверен, относится ли это к вам, но я только что нашел проблему, которая нарушает работу css при использовании response.js.

есть ли у вас элементы, которые открываются и закрываются без стилей, т.е.:

ul.demo{}

Я обнаружил, что это ломает мой CSS, то есть 8 и ниже