2012-02-24 2 views
3

Я использую медиа-запросы в своей основной таблице стилей для загрузки разных стилей на основе размера экрана.Медиа-запросы, не работающие в Firefox v10

Все работало нормально, пока я не обновился до Firefox v 10.0. Теперь медиа-запросы не втягиваются, и кажется, что firefox игнорирует некоторые ширины, которые определены как процент.

Вот пример запроса средств массовой информации я использую:

@media screen and (max-width: 800px) { 
body { background: #ddd; } 
} 

Я всегда был в состоянии проверить, сокращая мое окно браузера. Chrome, Safari и Opera работают так, как ожидалось. IE игнорирует его, как обычно, хотя работает лучше с шириной, чем firefox.

Есть ли у кого-нибудь еще эта проблема с firefox?

+0

Он по-прежнему работает со страницами, такими как этот: http://www.quirksmode.org/css/mediaqueries.html. У вас есть реальная страница для тестирования? –

+0

Да. вы можете использовать https://socialmarketingandtraining.com. Если вы запустили этот сайт в chrome и firefox, вы увидите, что хром сжимается. Когда он доходит до определенной точки, он бросает боковую панель ниже области содержимого и скрывает область функций. Это работало в firefox 9. – krazymatty

+0

ПРИМЕЧАНИЕ: эта тема устанавливает cookie для посетителей в первый раз для отображения другой функции. Вам нужно обновиться, чтобы увидеть область функций, о которой я говорю. Спасибо за усилие – krazymatty

ответ

5

Вы видите проблему в безопасном режиме?

Я предполагаю, что у вас установлено какое-то расширение, которое было повторно подключено с помощью Firefox 10 (которое поддерживает расширения как совместимые по умолчанию), и это расширение предотвращает сокращение фактического окна просмотра браузера с помощью окна браузера. Когда это происходит, например, вы должны увидеть, что вертикальная полоса прокрутки справа исчезает из окна просмотра. Вы видите, что это происходит?

+0

Я отключил все мои расширения, а затем снова включил их 1 на 1. Виновником был Google Shortcuts 2.1.7.1 Спасибо, ТАК МНОГО! – krazymatty

+0

Я добавлю Wappalyzer и Flagfox в список, они, похоже, разбивают меньшие запросы @media. – Nik

+1

Также DownloadHelper (4.9.9). Благодаря! – bbodien

-1

Я тестировал надстройку Firebreak для Firefox, он быстро реагировал на запросы небольшого размера (<   524px). Я отключил его, и запросы снова работают.

Смежные вопросы