媒體查詢在Firefox v10中不起作用

我一直在我的主樣式表中使用媒體查詢來根據屏幕大小加載不同的樣式。媒體查詢在Firefox v10中不起作用

一切工作正常，直到我升級到Firefox v 10.0。現在媒體查詢沒有被拉入，Firefox看起來忽略了一些以百分比定義的寬度。

下面是我使用的媒體查詢的一個例子：

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

我一直能夠通過我的瀏覽器窗口縮小來測試。 Chrome，Safari和Opera均按預期工作。 IE像往常一樣忽略它，雖然寬度比firefox更好。

是否有其他人有這個問題與Firefox？

來源

2012-02-24 krazymatty

這似乎仍然有像這樣的一個頁面的工作：http://www.quirksmode.org/css/mediaqueries.html。你有真正的頁面供我們測試嗎？ – 2012-02-24 17:22:13

是的。你可以使用https://socialmarketingandtraining.com如果你用chrome和firefox啓動了這個站點，你會看到chrome縮小..當它到達某個點時，它將側欄放在內容區域下面並隱藏功能區域。這是在Firefox 9中工作。 – krazymatty 2012-02-24 17:35:32

注意：此主題爲第一次訪問者設置一個cookie以顯示不同的功能..您需要刷新以查看我正在討論的功能區域。感謝您的努力 – krazymatty 2012-02-24 17:38:15

您是否在安全模式下看到問題？

我猜你已經安裝了一些擴展程序，它已經被Firefox 10重新啓用（它將擴展程序視爲默認兼容），並且此擴展程序可以防止瀏覽器窗口實際瀏覽器視口縮小。例如，發生這種情況時，您應該看到右側的垂直滾動條從視口中消失。你看到這種情況發生了嗎？

來源

2012-02-25 05:48:12

我禁用了所有的擴展，然後重新啓用了它們。1罪魁禍首是Google Shortcuts 2.1.7.1 非常感謝！ – krazymatty 2012-02-25 18:03:55

我會將Wappalyzer和Flagfox添加到列表中，他們似乎打破了較小的@media查詢。 – Nik 2012-03-19 15:46:23

的下載資源（4.9.9）謝謝！ – bbodien 2012-06-12 12:22:46

-1

我正在測試Firefox的Firebreak附加組件，它打破了小尺寸的響應式查詢（< 524px）。我禁用了它，查詢再次運行。

來源

2012-08-29 19:29:16 Paul

媒體查詢在Firefox v10中不起作用

回答

相關問題