Поддержка CSS 3 Media Queries для IE - PullRequest
Новая
       3

Поддержка CSS 3 Media Queries для IE

0 голосов
/ 28 января 2012

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

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

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

Ответы [ 2 ]

2 голосов
/ 24 октября 2012

Мой 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 {}
}

РАБОТАЕТ ХОРОШО, НЕТ ПОЛУЧЕНИЯ IE! :)

1 голос
/ 28 января 2012

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

Попробуйте использовать самую последнюю версию Respond, которую Скотт нажал прошлой ночью: https://github.com/scottjehl/Respond/blob/master/respond.min.js, проблема должна быть исправлена.не получится, вы всегда можете попробовать подход без полизаполнения, указав IE в других стилях экрана в условном комментарии.Это проще всего, если вы используете SASS или LESS, поскольку вы можете импортировать стили во вторичную таблицу стилей без медиазапросов.Подробнее об этом читайте в этом посте: http://nicolasgallagher.com/mobile-first-css-sass-and-ie/. Если вы не используете препроцессор, это может не стоить времени.

...