Поскольку Boilerplate имеет встроенный response.js, теоретически он должен поддерживать следующие css:
@media only screen and (max-height: 580px){.rnd-class{:height:200px !important;}}
В FF и Chrome он работает так, как ожидалось, и пользовательские стили запускаются после изменения размера окна браузера.
Однако в IE8 пользовательские стили всегда включены — независимо от размера текущего окна браузера.
Я думал, что проблема где-то внутри моего кода, но затем я посетил мобильный шаблон Boilerplate и заметил, что он также меняет свой макет при изменении размера браузера и использует те же медиа-запросы, что и шаблон по умолчанию.
Однако даже Mobile Boilerplate работает только с FF и Chrome. При посещении его с IE8 медиа-запросы не срабатывают, и я получаю версию для самого маленького устройства.
Теперь мой вопрос: ребята, вы испытываете то же самое в IE8? Как этот сайт ищет вас в IE8 и меняет ли он свои стили в зависимости от текущего размера окна браузера?
Или это, вероятно, связано с моей конкретной версией IE? (Я не могу проверить это на другой версии IE прямо сейчас).
А может быть, только может быть, кто-то знает решение этой проблемы?
P.S. В настоящее время я использую сценарий «Modernizr» по умолчанию (со встроенной функцией response.js), который поставляется с HTML5 Boilerplate.