如何通过CSS针对特定设备的特定浏览器进行定位？

Question

如何通过CSS针对特定设备的特定浏览器进行定位？

3

我想要针对移动设备定位Firefox。我尝试过以下方法：

@media only screen and (max-width: 470px) { 
    @-moz-document url-prefix() {
       (here some CSS)
    }
}

但是它没起作用...还有其他建议吗？

- user3612671

1

通常情况下，如果你不得不这样做，那么可能存在更大的问题。除此之外，JS浏览器嗅探虽然可行，但通常不建议使用。 - Paulie_D

在发布问题之前，请简要搜索一下您的问题。很有可能已经有很多相关信息了，例如：http://borishoekmeijer.nl/how-to-target-a-specific-browser/ 或 https://dev59.com/tXNA5IYBdhLWcg3wdtld?rq=1 - Boris

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andrew Birks · Accepted Answer

这通常是由类似于“Modernizr”这样的库来完成，尽管它并不是一门精确的科学。

这将检测浏览器的功能，并相应地在body标记上呈现类 - 然后您可以使用这些类来实现功能。

https://modernizr.com/

或者，如果您真的需要针对Firefox等浏览器进行定位：

if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){
 // Do Firefox-related activities
 // Add a class to appropriate entity, and style using css / media query
}