2012-01-28 8 views
0

У меня возникли проблемы с поиском хорошего процесса для регистрации файлов CSS3. Запросы на моем веб-сайте, который я создаю. Я пробовал css3-mediaqueries.js, но ничего не сделал, и теперь я слышал, что Respons.js - это путь, но я помещаю его в таблицу стилей css и проверяю ее в IE 8, и это каждый раз разбивает мой сайт!Поддержка CSS-запросов для IE

Сайт, с которым я связан, Я сохранил <script src="js/libs/respond.src.js"></script>, где я его разместил, но удалил файл .js с сервера или он просто будет терпеть крах.

У кого-нибудь был опыт работы с Respond.js и опыт работы с медиа-запросами CSS3 для их собственного сайта? Я пытался понять это довольно давно, и это довольно неприятно.

Я ценю любой совет!

+0

Можете ли вы разместить ссылку? –

+0

http://ambergoodwin.com/dev/js/libs/respond.min.js Появляется как неработающая ссылка в IE8 и Chrome. –

+0

Увы, извините, из-за этого ха-ха долго пятница. Сценарий также повреждает хром, когда он находится на сервере? Не могу отладить, если он не включен. –

ответ

1

Это известная проблема с фоновыми изображениями, установленными для тела в IE8. См. Эту проблему на GitHub: https://github.com/scottjehl/Respond/issues/83

Попробуйте использовать самую последнюю версию ответа, которую Скотт нажал вчера вечером: https://github.com/scottjehl/Respond/blob/master/respond.min.js, проблема должна быть исправлена.

Если это не сработает, вы всегда можете попробовать подход без полиза, подав IE другие стили экрана в условном комментарии. Это проще всего, если вы используете SASS или LESS, так как вы можете импортировать стили во вспомогательную таблицу стилей без мультимедийных запросов. Для получения дополнительной информации об этом, ознакомьтесь с этой записью: http://nicolasgallagher.com/mobile-first-css-sass-and-ie/. Если вы не используете предварительный процессор, возможно, это не стоит того.

+0

Ну, мой сайт больше не сбой после обновления до последней версии ответа, однако, похоже, он ничего не делает, потому что браузеры IE по-прежнему не реагируют. IE 8 отвечает на все лучшее, что на самом деле выглядит как веб-сайт и реагирует на фактическое изменение размера окна, а IE 6 и 7 просто появляются как очень взорванные образы моих изображений, и ни у кого нет поддержки медиа-запросов CSS3. Я не уверен, что происходит? Я слышал, что это лучший сценарий для этой проблемы, но для меня это не работает? Я делаю что-то неправильно? – kia4567

+0

Я не уверен. Я только что проверил ссылку с вашего первого сообщения, но ответ, похоже, не на сервере. –

2

My IE падает, когда я использую эту комбинацию в style.css:

@media screen and (max-width: 320px) { 
#element {} 
@media screen and (orientation:landscape) { 
    .element {} 
} 
} 

после

@media screen and (max-width: 320px) { 
#element {} 
} 
@media screen and (orientation:landscape) and (max-width: 320px) { 
    .element {} 
} 

хорошо работает, NO CRASH IE! :)

Смежные вопросы