Media Query Height не работает в Mozilla - PullRequest
0 голосов
/ 01 октября 2018

Я поставил медиа-запрос, основанный на высоте экрана, однако этот код, похоже, не работает в Firefox.

Я пробовал это, все еще ничего:

@-moz-document url-prefix() {
  @media screen and ( min-height: 1024px){
    .sticky .order .item-list {
        max-height: 50vh !important;
    }
  }
}

** ОБНОВЛЕНИЕ Я использовал один @media, и он работал, однако, когда я обновил страницу, проблема повторяется, и высота медиа-запроса больше не работает.

@media screen and ( min-height: 1024px){
        .sticky .order .item-list {
            max-height: 50vh !important;
        }
      }

1 Ответ

0 голосов
/ 02 октября 2018

Правило @-moz-document в Firefox скрыто за префиксом about: config, который вы должны сначала включить.

Предупреждение: скрыто по причине.Видимо это уязвимо для атак.Или в словах MDN :

Это было ограничено для использования только в пользовательских и UA-листах в Firefox 59 в Nightly и Beta - эксперименте, предназначенном для уменьшения потенциального внедрения CSSатаки (ошибка 1035091 ).

Так что действуйте на свой страх и риск!


Чтобы изменить настройки: параметр конфигурации

  1. Введите about: config в адресной строке
  2. Если вы делаете это впервые, появится сообщение с предупреждением об опасностях.Нажмите кнопку «Я буду осторожен» или «Я принимаю на себя риск» (текст на кнопке отличается в разных версиях Mozilla).
  3. Найдите запись в списке (список отсортирован по алфавиту) или введите имя записи в поле поиска.В этом случае вы можете просто вставить layout.css.moz-document.content.enabled , и тогда результатом будет только эта запись.
  4. Значение установлено на ложь .Установите значение true , дважды щелкнув строку, и все готово.Нет кнопки «Сохранить» или «Применить».Возможно, вам придется нажать F5 на вашей веб-странице.

Если вы никогда раньше не работали с about: config, вы можете прочитать об этом здесь:
Редактор конфигурации для Firefox

...