2016-06-20 5 views
3

Ich möchte Ziel Firefox eines mobilen Geräts. Ich habe es versucht:Wie kann ein bestimmter Browser eines bestimmten Geräts über CSS angesprochen werden?

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

Aber es funktioniert nicht ... Irgendwelche anderen Vorschläge?

+1

Im Allgemeinen, wenn Sie das zu tun haben sollte, gibt es wahrscheinlich größere Probleme im Spiel. Anders als das JS Broswer Sniffing, aber es in der Regel nicht empfohlen, –

+0

Machen Sie eine kurze Suche nach Ihrer Frage, bevor Sie es hier veröffentlichen. Wahrscheinlichkeiten sind dort ist bereits viele Informationen da draußen, und es gibt: http://borishoekmeijer.nl/how-to-target-a-specific-browser/ oder https://stackoverflow.com/questions/952861/targeting-only -firefox-with-css? rq = 1 – Boris

Antwort

1

Dies ist oft ein Job für eine Bibliothek wie "Modernizr", obwohl es nicht wirklich eine exakte Wissenschaft ist.

Dies wird die Funktionen eines Browsers erkennen und Klassen auf dem body-Tag entsprechend darstellen - Sie können diese dann verwenden, um Funktionen zu implementieren.

https://modernizr.com/

Alternativtly, wenn Sie wirklich den Browser als Firefox müssen Ziel:

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

Obwohl es nicht das ist, was ich wollte, aber eine Lösung, die mit viel Code funktioniert. Danke für deine Idee ... – user3612671