Медиа-запросы ничего не делают

Я некоторое время занимался HTML и CSS с SASS, и все мои ответы работали до сегодняшнего дня, внезапно мои медиа-запросы css перестали реагировать.

Они находятся в файле css, который загружается на веб-странице, но никакие элементы на них не реагируют... Я не могу скопировать сюда полный файл css из 3k строк..

Но я думаю, что упускаю что-то основное. Я использую gulp-sass, и он не сообщает об ошибках при обработке css.

Я схожу с ума по этому поводу, и я не могу понять проблему. Все работало до сегодняшнего дня, и мне нужно доставить проект до понедельника, и я не могу ответить.

Все запросы работали. Сегодня я ничего не менял, когда я запускал проект, запросы ничего не делали.

Любые предложения о том, что это может быть? Спасибо ребята.


html css sass gulp-sass
person Joel Almeida    schedule 04.03.2015    source источник
comment
Целая куча возможностей. Солнечные вспышки, инопланетяне с Марса, маленькие человечки внутри вашего компьютера, закорачивающие материнскую плату... :) А если серьезно, перезагружали ли вы свой компьютер со вчерашнего дня? Если вы используете систему управления исходным кодом (а я надеюсь, что вы это делаете, если ваш файл состоит из 3 тысяч строк), вы можете попробовать обновить предыдущие наборы изменений и выяснить, где что-то пошло не так. Вполне возможно, что ваш CSS не работал вчера, и вы не могли сказать.   -  person Sumner Evans    schedule 04.03.2015
comment
последовал вашему совету, получил вчерашнюю версию, запустил, работает. скомпилированный sass перестал работать, я ничего не менял. может быть, ошибка в gulp-sass?   -  person Joel Almeida    schedule 04.03.2015

Ответы (1)


arrow_upward
2
arrow_downward

Тесты, как правило, лучший выбор. Убедитесь, что ваши медиа-запросы находятся в самом низу вашего CSS-файла с приоритетом, чтобы гарантировать, что они не будут перезаписаны. Независимо от того, сколько тысяч строк в вашем коде:

1) Закомментируйте все ваши медиазапросы 2) Запустите тест, например:

@media screen and (max-width: 600px) {
    body {
      background-color: black;
    }
  }

3) Измените размер вашего браузера на ширину менее 600 пикселей, если ваш цвет фона изменится на черный, скорее всего, с вашими препроцессорами все в порядке, и пришло время отладить ваш код.

4) Комментируйте ваши медиа-запросы по одному блоку кода за раз, пока не обнаружите блок, который не работает.

5) Исправить. Облегчение

person bruh    schedule 04.03.2015
comment
Все мои отзывчивые импорты после всех импортов рабочего стола, я уже пытался их прокомментировать, собираюсь сделать один и прокомментировать все остальные и посмотреть, работает ли он. Если это сработает, я буду комментировать 1 импорт за раз. - person Joel Almeida; 04.03.2015
comment
нет, ничего не нашел. переустановил gulp-sass и теперь работает. мда, все равно спасибо за предложение. - person Joel Almeida; 05.03.2015