Медиа-запросы отсутствуют на экране с помощью Breakpoint Sass

Я использую Susy 2 с breakpoint-sass для создания своих медиа-запросов.

Это выводит как:

@media (min-width: 1000px)

Мне интересно, почему отсутствует экран? Следует читать:

@media screen (min-width: 1000px)

Я пытаюсь добавить css3-mediaqueries-js, который не работает, и я думаю, что это может быть причиной.

2 ответа

Решение

Тип носителя по умолчанию для точки останова: all, который, согласно спецификации CSS, может быть опущен. Мы делаем это, мы не хотим принимать какой-либо тип носителя, это привело к текущей ситуации, в которой мы сейчас находимся, когда типы носителей практически бесполезны. Если вы хотите изменить тип носителя по умолчанию в точке останова на screenперед включением любых миксинов точек останова добавьте в свой файл Sass следующее:

$breakpoint-default-media: screen;

Это может помочь: https://github.com/Team-Sass/breakpoint/wiki/Advanced-Media-Queries

Если вы все еще застряли после этого, можете ли вы отредактировать свой вопрос, включив в него код sass, который выводит этот медиа-запрос?

Другие вопросы по тегам