Question

我尝试在Firefox上使用媒体查询，但它不起作用，它适用于Chrome。我没有安装扩展程序所以我认为问题不在这里。

这是我的媒体查询：

@media screen
and (min-width: 1200px)
and (min-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
 #live-chat {
    bottom: 0;
    font-size: 12px;
    right: 200px;
    position: fixed;
    width: 300px;
    z-index:1;
 }
}

如果你有一个想法:)我从昨天开始搜索但没有找到任何内容

此致

Answer 1

试 @media only screen and（min-width：768px）{rules}

http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/

Answer 2

最后，我找到了解决方案，感谢这个网站：http://mediaqueriestest.com/

（ - webkit-min-device-pixel-ratio：1）在Firefox上为false，因为它不受支持

媒体查询firefox无法正常工作

2 个答案: