Работают ли медиазапросы в MediaWiki?

Я пытаюсь заставить отзывчивый скин работать в MediaWiki с медиа-запросами, и я устраняю некоторые странные проблемы.

Если я добавлю тестовый div на вики-страницу:

<div id="testing">TESTING</div>

А затем добавьте медиа-запрос:

@media screen {
  #testing {background-color: green;}
}

... в разных местах стиль применяется только в определенных браузерах. Например:

Если я добавлю его в файл "screen.css" активного скина, где живут все остальные рабочие стили:

  • iPad :НЕТ
  • iPhone4 :НЕТ
  • Chrome 20.0 XP+Mac :НЕТ
  • Firefox 14.0.1 XP+Mac :ДА

Если я добавлю его в файл "shared.css" общего скина, который применяется ко всем скинам:

  • iPad :НЕТ
  • iPhone4 :НЕТ
  • Chrome 20.0 XP+Mac :НЕТ
  • Firefox 14.0.1 XP+Mac :ДА

Если я добавлю его на вики-страницу «MediaWiki :Common.css»:

  • iPad :ДА
  • iPhone4 :ДА
  • Chrome 20.0 XP+Mac :ДА
  • Firefox 14.0.1 XP+Mac :ДА

Н.Б.:Объявление обычного стиля работает должным образом во всех этих местах. Странность появляется только при включении медиа-запроса во внешний файл. Очевидно, это проблема браузера, усугубленная проблемой обработки в стиле MediaWiki -. Что Firefox делает по-другому?

Я также заметил при изучении страницы с консолью разработчика Chrome, что стили кажутся импортированными с помощью «load.php» как одна большая объединенная строка объявлений стилей, включая мой медиа-запрос; но, похоже, он просто не применяется, даже в браузерах, которые его поддерживают.

Может ли кто-нибудь пролить свет на это поведение? Я бы предпочел работать в отдельных таблицах стилей, а не в вики-редакторе.

Обновление:

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

load.php:1 @media screen
#testing {
  background-color: green;
}

При проверке элемента таким же образом в браузере элементов Chrome Development Tools стиль нигде не отображается.

Обновление 2:

Если я заменю эту строку в своей теме:

<link rel="stylesheet" href="/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.customskin&amp;only=styles&amp;skin=customskin&amp;*" />

С прямой ссылкой на тему:

<link rel="stylesheet" href="wiki/skins/customskin/screen.css" />

Стили применяются правильно везде.

5
задан meetar 23 July 2012 в 20:31
поделиться